twitter bootstrap模态不是真正的模态

时间:2012-04-19 04:55:38

标签: twitter-bootstrap

即使用户点击远离模态,引导模态中是否有选项使其保持模态?当用户在对话框外单击时,隐藏模态对话框。我希望它保持模态,直到用户点击关闭按钮。

3 个答案:

答案 0 :(得分:30)

来自文档:http://getbootstrap.com/javascript/#modals

指定静态背景幕选项

$("#yourModal").modal({"backdrop": "static"});

答案 1 :(得分:12)

将属性data-backdrop="static"添加到您的模态div中,如下所示:

<div id="someModal" class="modal hide" data-backdrop="static">
    <div class="modal-header">
        ...
    </div>
    <div class="modal-body">
        ...
    </div>
</div>

答案 2 :(得分:2)

在这里演示http://jsfiddle.net/SnhUg/1/

$("#example").modal({backdrop:false});