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

当模型的太大时，这是错误的。

您可以在bootstrap文件{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搜索元素会更快。

Twitter-Bootstrap Modal无法正常工作

4 个答案: