javascript - Twitter-Bootstrap 模式无法正常工作

Question

我创建了一个模态对话

<a href="#myModal" role="button" class="btn" data-toggle="modal" id="LaunchDemo">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Modal header</h3>
    </div>
    <div class="modal-body">
        <p>One fine body…&lt;/p>
    </div>
</div>

我刚刚从..调用了模态

$("a#LaunchDemo").click();

但是模态只是blinking在屏幕上，我也通过按钮单击调用了模态。我遇到了同样的问题，我哪里出错了？，请帮助..

Answer 1

您需要在 DOM 完全加载时执行您的 javascript 代码。并使用modal而不是click

$(document).ready(function() {
   $('#LaunchDemo').modal(options)
});

演示：http: //jsfiddle.net/MgcDU/1998/

Answer 2

当模型的 with 太大时会出错。

您可以在引导文件 {width:900} 中设置模式类的样式表时尝试

它会发生....

Answer 3

hide尝试从模态 div 中删除该类：
<div id="myModal" class="modalhidefade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

Answer 4

删除超链接标记中的href="#myModal"，因为它试图将您链接到页面的一部分。

此外，您不需要在选择器中指定元素类型。仅按 ID 搜索元素会更快。