1

尝试在 Twitter Bootstrap 2.1 中实现一个简单的模式时，我遇到了一个奇怪的错误：模式窗口按原样出现，一切似乎在一瞬间完美，然后.modal-bodydiv 的内容消失了。当我查看 HTML 时，它存在一秒钟然后实际上被删除，包含p标签和所有内容，只留下一个空

<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>
4

1 回答 1

5

根据插件代码，如果您有一个href不包含 a 的集合，#它将假定该remote选项已设置。

您可以通过像这样显式设置选项来覆盖此默认操作：

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

工作演示（jsfiddle） - 如果您想查看差异，请重新运行以使用每个按钮

我猜您只是没有在粘贴中包含完整的 url，如果没有，请检查用于激活模式或绑定任何事件的任何 JS。

于 2012-10-05T17:12:07.180 回答