Проблемы с анимацией jQuery
123
29 января 2022, 10:00
У меня есть код, который выполняется при вызове функции theBestFunction:
if ( $(objName).css('display') == 'none' ) {
$(objName).animate({height: 'show'}, 300);
document.getElementById('mobile_menu_bg_inv').style.display = "none";
} else {
$(objName).animate({height: 'hide'}, 300);
document.getElementById('mobile_menu_bg_inv').style.display = "block";
}
Вроде бы, всё прекрасно. Но строка кода "document.getElement..." выполняется раньше, чем $(objName).animate(). Можете объяснить - почему и как это исправить? PS: извиняюсь, если это глупый вопрос, просто недавно начал что-либо вообще делать с помощью JS :S
Answer 1
Не раньше - сразу после входа в $(objName).animate, но для глаза это параллельное выполнение. Если надо после - спользуте коллбек функцию.
let objName = $('.obj-name');
if (objName.css('display') == 'none' ) {
objName.animate({height: 'show'}, 300, function() {
document.getElementById('mobile_menu_bg_inv').style.display = "none";
});
} else {
objName.animate({height: 'hide'}, 600, function() {
document.getElementById('mobile_menu_bg_inv').style.display = "block";
});
}#mobile_menu_bg_inv{display:none}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="obj-name">qwe</div>
<div id="mobile_menu_bg_inv">rty</div>
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
-
07:46
-
21:56
Перевод документов на английский язык: Важность и ключевые аспекты
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47550 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30492 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23623 visits
- Как через css изменить цвет png изображения? 10346 visits
- Blob video url download 9956 visits
- Php curl запрос через прокси с авторизацией 9205 visits
- Работа с captcha vk api 8088 visits
© "hostciti.net" 18.11.2024 | 01:46