2017-07-18 91 views
2

后,单击什么我有一个引导模式,我通过JavaScript打开:无法关闭引导模式

$('#myModal').modal('show'); 
$('.modal-content').load("page.html"); 

为了关闭模式,我触发此代码:

$("div#myModal.modal.fade").trigger("click"); 

我的问题当模式关闭时,页面中的任何内容都不能再次点击。

任何想法?

+1

用同样的方法'.hide()'或'.modal( '隐藏')' – KingCoder11

+0

你能显示完整的代码吗? –

+0

简单英语中,如果手动触发单击事件以关闭模式。一些事件和CSS规则可能无法正常工作。因此bootstrap已经提供隐藏模式框的方法。你只需使用.modal('hide')。 类似的语法 $('your element id')。modal('hide') –

回答

7

这个问题是因为你只隐藏模态UI,你没有清除捕捉鼠标事件并停止它们的模式背后的覆盖。

要做到你需要什么,可以使用引导程序内置的方法用于关闭模式,而不是触发点击.fade元素:

$('#myModal').modal('hide') 
+0

谢谢,但这并不奏效。在问这个问题之前,我已经尝试过了。不可点击的div具有位于底部的固定位置:0px。也许这是问题? – rakipi

+0

在这种情况下,请为您的问题添加一个可用的示例。这应该工作绝对好。 –

+0

nvm修复它。无论如何,感谢您的帮助。我有2个嵌套的div,我在父div中设置了选择器,当模式关闭时,由于某种原因它不被识别。我将选择器移至内部div现在 – rakipi

0

.modal(“隐藏”)

手动隐藏一个模式。返回给调用者之前,模式已实际上隐藏了 (即发生hidden.bs.modal事件之前)。

为什么不关闭该模式在你打开

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