Question

我想通过单击十字（关闭）按钮来关闭模态对话框。在模态外部单击时没有关闭。我怎么能实现它？

$(document).ready(function() {
            $('#windowTitleDialog').bind('show', function () {
                document.getElementById ("xlInput").value = document.title;
                });
            });
        function closeDialog () {
            $('#windowTitleDialog').modal('hide'); 
            };
        function okClicked () {
            document.title = document.getElementById ("xlInput").value;
            closeDialog ();
            };

Answer 1

这里不需要任何脚本。如果您使用的是Twitter Bootstrap 3，请添加

data-backdrop="false"

添加像这样的属性

<button class="btn btn-primary" data-backdrop="false" data-toggle="modal" data-target=".bs-example-modal-lg">Large modal</button>

Answer 2

查看文档：{{3}}

提取：

$('#myModal').modal(options)

选项：

背景幕：包含模态背景元素。或者，指定   静态的背景，不会关闭点击模式。

键盘：按下转义键时关闭模式

所以请致电：

$('#myModal').modal(
   {
       backdrop: 'static',
       keyboard: false
  }
);

Twitter Bootstrap：如何通过关闭图标关闭模式对话框？

2 个答案: