文章/答案/技术大牛

发布

社区首页 >问答首页 >检测背景，单击Bootstrap 3模式

问检测背景，单击Bootstrap 3模式
EN

Stack Overflow用户

提问于 2014-01-19 11:50:58

回答 5查看 10.9K关注 0票数 11

当使用3时，是否需要知道模式何时被背景点击关闭？

twitter-bootstrap

twitter-bootstrap-3

回答 5

Stack Overflow用户

回答已采纳

发布于 2014-01-20 07:55:47

我找不到任何内置功能来检查你想要什么。

我发现的唯一"hacky“方式是检查文档的click/keyup事件，如果打开了模式，请调用您的回调。

代码：

$(document).keyup(function (e) {
    if (e.which == 27 && $('body').hasClass('modal-open')) {
        console.log('esc')
    }
})

$(document).click(function (e) {
    if (e.target === $('.modal-scrollable')[0] && $('body').hasClass('modal-open')) {
        console.log('click')
    }
})

演示：http://jsfiddle.net/IrvinDominin/7nnUq/

票数 10

Stack Overflow用户

发布于 2014-01-19 11:53:53

根据http://getbootstrap.com/javascript/#modals的说法，唯一可以链接到的事件是show、shown、hide和hidden。从正常的隐藏动作和背景隐藏动作看，似乎没有区别。

票数 3

Stack Overflow用户

发布于 2017-07-18 10:40:47

在任何情况下都是最简单、最实用的方法-

$(document).click(function (e) {
    setTimeout(function(){
        if (!$('body').hasClass('modal-open')) {
            $("#myModal iframe").attr("src", $("#myModal iframe").attr("src"));
        }
    },1000);
});

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21216354

复制

相似问题

问检测背景，单击Bootstrap 3模式
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测背景，单击Bootstrap 3模式EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问检测背景，单击Bootstrap 3模式
EN