Twitter-Bootstrap Modal无法正常工作

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…</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

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

Answer 4

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

另外，您无需在选择器中指定元素类型。 仅通过ID搜索元素会更快。