Twitter Bootstrap 2.1模式正在删除模态主体内容

当我尝试在Twitter中实现一个简单的模式时出现了一个奇怪的错误引导2.1：模式窗口出现，因为它应该，一切似乎完美的一瞬间，然后.modal-body div的内容消失。当我看HTML，它的存在了一秒钟，然后实际删除，含p标签和所有，只留下一个空Twitter Bootstrap 2.1模式正在删除模态主体内容

<div class="modal-body"> </div>

这里是我的模式切换按钮和模态窗口代码：

<a type="button" href="#" class="btn btn-danger" data-target="#modal_confirm_delete" data-toggle="modal">Delete</a> 

<div class="modal hide fade" id="modal_confirm_delete"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h3>Modal title</h3> 
    </div> 
    <div class="modal-body"> 
     <p>Modal body. This stuff is getting removed for some reason</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn btn-cancel" data-dismiss="modal">Cancel!</a> 
     <a href="#" class="btn btn-danger">Continue...</a> 
    </div> 
</div>

来源

2012-10-05 BenjaminRH

顺便说一句，我试过从模态中删除淡出类，根据我读过的其他评论。发生了完全相同的错误，虽然没有很好的效果。 – BenjaminRH

你能为此发布一个jsFiddle吗？ –

基于the plugin code，如果你有一个href集，不包含#，它将承担remote option设置。如果你想看到

我想你刚才没区别再来看，使用每一个按钮 -

<a data-toggle="modal" href="/robots.txt" data-remote="false" class="btn btn-danger" data-target="#modal_confirm_delete" type="button">Delete</a>

Working demo (jsfiddle)：

您可以通过显式设置选项，这样覆盖此默认操作如果没有，请在您的粘贴中包含完整的url，检查用于激活模式或绑定任何事件的任何JS。

来源

2012-10-05 17:12:07 Sherbrow

当我回到工作计算机上时，我会尝试一下，但我不认为就是这样。模态切换正常，没有问题，只是隐藏了模态内容。我知道身体在那里，因为它出现了一秒钟，然后被删除。 – BenjaminRH

@BenjaminHarris如果URL指向的页面是空的（或者['load']（http://api.jquery.com/load/）会认为是空的页面），那么内容将是可见的，而远程页面是异步加载的 – Sherbrow

我刚试过。就是这样！我甚至没有想到这一点，即使我隐约记得在文档上阅读有关该财产。非常感谢！ – BenjaminRH

Twitter Bootstrap 2.1模式正在删除模态主体内容

回答

相关问题