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

400

07 апреля 2017, 22:52

Мой скрипт:

$(document).ready(function(){
  if ( $("#menu-xs" ).hasClass('in') ) {
    $( ".main-bg" ).css("height","500px");
  }
});

Айди #menu-xs - это меню, которое появляется с помощью бутстраповского collapse. Когда оно появляется - ему присваивается класс .in. Данный скрипт почему-то не хочет видеть этого. Отдельно строка с действием после ифа выполняется. Стоит задача выполнять эту строку при появлении #menu-xs. Подскажите, будьте добры, в чем может быть проблема. Благодарю.

Answer 1

Ваш скрипт выполняется только один раз - при загрузке страницы. Задача, как я понял, стоит другая - запускать скрипт при появлении collapse. Для этого вам нужно привязаться к событию collapse у bootstrap. Вот список этих событий. Вам, вероятно, нужно shown.bs.collapse. Код будет таким:

$(document).ready(function(){
  $('#menu-xs').on('shown.bs.collapse', function(){
    $( '.main-bg' ).css('height', '500px');
  })
});

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

h3 и a в один ряд (Bootstrap, CSS)

Доброй ночи! Я разбираюсь с Bootstrap'ом и не могу понять, поставил h3 и a

337

CSS

Div к низу родительского? Без position: absolute!

Есть примерно такой документ:

330

MySQL

Большой /var/lib/mysql/ibdata1

Я сохранял данные из таблиц в текстовые файлыВсего вышло примерно 40-60 кбт

335

MySQL

phpmyadmin ошибка при добавлении функции

Есть функция

382