#javascript #jquery #bootstrap
Мой скрипт: $(document).ready(function(){ if ( $("#menu-xs" ).hasClass('in') ) { $( ".main-bg" ).css("height","500px"); } }); Айди #menu-xs - это меню, которое появляется с помощью бутстраповского collapse. Когда оно появляется - ему присваивается класс .in. Данный скрипт почему-то не хочет видеть этого. Отдельно строка с действием после ифа выполняется. Стоит задача выполнять эту строку при появлении #menu-xs. Подскажите, будьте добры, в чем может быть проблема. Благодарю.
Ответы
Ответ 1
Ваш скрипт выполняется только один раз - при загрузке страницы. Задача, как я понял, стоит другая - запускать скрипт при появлении collapse. Для этого вам нужно привязаться к событию collapse у bootstrap. Вот список этих событий. Вам, вероятно, нужно shown.bs.collapse. Код будет таким: $(document).ready(function(){ $('#menu-xs').on('shown.bs.collapse', function(){ $( '.main-bg' ).css('height', '500px'); }) });
Комментариев нет:
Отправить комментарий