Bootstrap（2.3.2）模态弹出式可见性检查

Question

打开引导程序pop up时，我需要在body标签中插入一个类名。 我尝试使用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

您可以使用'shown'引导事件来做到这一点，如下所示：

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

Answer 3

在您的演示中似乎$（'＃myModal1 .selectpicker'）。selectpicker（）; 引起一些问题。

但是您可以从http://getbootstrap.com/javascript/#modals docs使用此代码

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

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

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

Answer 4

您可以使用

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

Answer 5

请为此使用引导程序模式事件： http : //getbootstrap.com/javascript/#js-events

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