Добрый день, не пойму почему не срабатывает скрипт. Помогите пожалуйста
https://jsfiddle.net/3xd2wto5/
$('.language__link').on('mousemove',function(e){
leftZ = 0;
leftP = 50+"%";
if(this.left > 0) {
$(this).css({
'position':'absolute',
'left': leftZ
});
} else {
$(this).css({
'position':'absolute',
'left': leftP
});
}
});
1) У элемента нет свойства left, нужно style.left
2) Проверка некорректна, потому что когда вы вставите "50%", то это не будет больше нуля.
Пробуйте так:
$('.language__link').on('mousemove', function(e) {
leftZ = 0;
leftP = "50%";
if (this.style.left != 0 && this.style.left != '0px') {
$(this).css({
'position': 'absolute',
'left': leftZ
});
} else {
$(this).css({
'position': 'absolute',
'left': leftP
});
}
});
.language__link {
width: 200px;
padding: 25px;
border: 1px solid #000000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="language__link">
Text
</div>
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники