Bootstrap(2.3.2) проверка модальной всплывающей видимости

Question

Мне нужно вставить имя класса в body тег, когда начальная загрузка pop up открыт. Я попытался добавить с помощью jquery, но, к сожалению, это не работает. Любая помощь будет оценена.

Вот мой код

if(!$('.modal-backdrop').is(':visible'))
{
$(body).addClass("test");
}

демонстрация

Answer 1

$('.modal-backdrop').on('shown', function() {
        $('body').addClass("test");
    });

    $('.modal-backdrop').on('hidden', function () {
    $('body').removeClass("test");
})

Answer 2

Вы можете сделать это с "показанным" событием начальной загрузки, вот так:

$('.modal-backdrop').on('shown', function() {
    $('body').addClass("test");
});

Answer 3

Для этого, пожалуйста, используйте модальные события начальной загрузки: http://getbootstrap.com/javascript/

Вы можете использовать это: $('#myModal').on('show.bs.modal', function (e){}) http://jsfiddle.net/h3WDq/1408/

Answer 4

Ты можешь использовать

$('#myModal').on('shown.bs.modal', function () {
  // will only come inside after the modal is shown
});

Answer 5

В вашей демонстрации он выглядит как $('#myModal1 .selectpicker').selectpicker(); вызывает некоторые проблемы.

Но вы можете использовать этот код из http://getbootstrap.com/javascript/ docs

$('#myModal1').on('shown.bs.modal', function () {
 $('body').addClass("test");
});

http://jsfiddle.net/h3WDq/1410/

Пожалуйста, проверьте через консольный журнал, если класс добавлен.