Проблемы с анимацией jQuery
169
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>
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50159 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31921 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26123 visits
- Как через css изменить цвет png изображения? 11739 visits
- Blob video url download 11286 visits
- Php curl запрос через прокси с авторизацией 10693 visits
- Работа с captcha vk api 9488 visits
© "hostciti.net" 08.2.2026 | 05:58