Javascript Twitter引导模式无法正常工作

我创造了一个模态对话

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

但是模式只是在屏幕上闪烁，我也通过点击按钮调用了模式。我遇到了同样的问题，哪里出了问题？请帮助。

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

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

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

---

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

当DOM完全加载时，您需要执行javascript代码。并使用

模式

而不是

单击

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

---

演示：

当DOM完全加载时，您需要执行javascript代码。并使用

模式

而不是

单击

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

---

演示：

当模型的尺寸太大时，它就错了

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

---

它会发生……

当模型的尺寸太大时，它就错了

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

---

这将发生….

尝试从模式div中删除类

隐藏：

尝试从模式div中删除类
隐藏：

$（'myModal'）.modal（'show'）；它起作用了确保在页面底部的结束正文标记之前加载Bootstrap.js。如果需要的话，就不需要写一行JS了。$（'myModal'）.modal（'show'）；它起作用了确保在页面底部的结束正文标记之前加载Bootstrap.js。如果你这样做了，你就不需要写一行JS了。通过引导页面，您可以在href中以div为目标。这是引导页面中的。在不编写JavaScript的情况下激活模态。在控制器元素上设置数据toggle=“modal”，如按钮，以及数据目标=“#foo”或href=“#foo”以指定要切换的模式。不正确。通过引导页面，您可以在href中以div为目标。这是引导页面中的。在不编写JavaScript的情况下激活模态。在控制器元素上设置data toggle=“modal”，如按钮，以及data target=“#foo”或href=“#foo”以指定要切换的模式。