Bootstrap(2.3.2) 模态弹出可见性检查

Question

我需要在 bootstrap pop up 打开时向 body 标签插入一个 class 名称。我尝试使用 jquery 添加，但不幸的是它不起作用。任何帮助将不胜感激。

这是我的代码

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

Demo

Answer 1

您可以使用 'shown' bootstrap 事件来实现，如下所示：

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

Answer 2

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

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

Answer 3

在你的演示中似乎 $('#myModal1 .selectpicker').selectpicker(); 导致了一些问题。

但是您可以使用 http://getbootstrap.com/javascript/#modals 文档中的这段代码

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

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

请通过控制台日志检查是否添加了 class。

Answer 4

您可以使用

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

Answer 5

请为此使用 bootstrap 模态事件： http://getbootstrap.com/javascript/#js-events

你可以使用这个：$('#myModal').on('show.bs.modal', function (e){}) http://jsfiddle.net/h3WDq/1408/