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

Question

当我尝试在 Twitter Bootstrap 2.1 中实现一个简单的模态时，我遇到了一个奇怪的错误:模态窗口如期出现，一瞬间一切看起来都很完美，然后是 .modal- 的内容body div 消失。当我查看 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>

Answer 1

基于 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，如果没有，请检查用于激活模式或绑定(bind)任何事件的任何 JS。