Страницы

Поиск по вопросам

пятница, 21 февраля 2020 г.

Не работает .hasClass

#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'); }) });

Комментариев нет:

Отправить комментарий