Не работает .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');
  })
});