2013-08-27 167 views
1

我无法使用引导模式弹出窗口。调用弹出窗口不是问题,但试图关闭它会产生奇怪的结果。而不是隐藏弹出窗口并移除背景,弹出窗口隐藏,但添加了另一个背景窗口,使屏幕几乎变黑。原始背景不会被删除。bootstrap模式弹出不关闭

下面是HTML代码中,我试图用

<div id="popupDelete" class="modal hide fade" role="dialog"> 
    <div class="modal-header">delete transaction line?</div> 
    <div class="moda-body"> 
     <button id="deleteYes">yes</button> 
     <button class="cancelButton" data-dismiss="modal">no</button> 
    </div> 
</div> 

这是我从引导2.3文档了,应该制定出德BIX,喜欢一切从引导。

我也尝试使用JavaScript与$('#popupDelete').modal('hide');函数,它具有相同的效果。

+1

我只是想你的代码在我的应用程序和它的作品。也许你的其他一些JS干扰? – notan3xit

回答

1

确实有javascript与弹出窗口的关闭。当点击父容器时,有一行javascript与所有弹出窗口混淆,强制它们再次打开。

+0

但你是如何解决它的?您需要更改哪些代码行? – Craigoh1

1

我不确定这是否会导致问题,但存在拼写错误。这是

<div class="modal-body"> 

在第3行有缺失的“L”

0

@dreagan,它可能会发生类似,当你点击打开按钮,例如,在弹出的是动态创建的,所以你可能需要密切试试这个:

$('#popupDelete').close() 

OR

$.modal.close(); 

请参阅本 How do you close a jQuery Simplemodal?

4

这一个为我工作

$('#popupDelete').modal('toggle'); 
-2
<script> $('#submit').click(function() { 
$('#myModal').modal('hide');  }); </script> 
+2

尝试用解释或文档备份您的答案。这将有助于问问题的人理解他/她做错了什么。 – Granny