Twitter Bootstrap 模式没有出现答案

【问题标题】：Twitter Bootstrap Modal does not appearTwitter Bootstrap 模式没有出现
【发布时间】：2012-07-14 08:43:00
【问题描述】：

我使用 twitter bootstrap 创建的任何模式都无法显示。看到我使用引导程序提供的代码设置了一个测试模式并且它仍然无法正常工作，我不确定我做错了什么。

这是我的代码（仅正文）：您需要链接到 bootstrap.js、bootstrap-modal.js、jquery.js 和 bootstrap.css

<body>
    <div class="modal hide" id="myModal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">
                &times;
            </button>
            <h3>Modal header</h3>
        </div>
        <div class="modal-body">
            <p>
                Modal body would go here...
            </p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">Close</a>
            <a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>

    <a data-toggle="modal" href="#myModal">Show Modal</a>
</body>

这里是引导模式所需的引导包和 jquery 的链接： bootstrap package jquery

【问题讨论】：

标签： javascript jquery html twitter-bootstrap modal-dialog

【解决方案1】：

我的问题是我同时包含了 boostrap.js 和 bootstrap-modal.js。显然，如果你包含 bootstrap.js，你不应该也包含 bootstrap-modal.js，因为 boostrap.js 导入了所有它兼容的 javascript 插件。类似的东西。删除我的 boostrap-modal.js 脚本链接后它起作用了。

【讨论】：

【解决方案2】：

你必须打电话：

<script>
   $('#myModal').modal('show')
</script>

在</body> 标记之后。或者，如果您只想在用户点击某物时调用它：

$('#button_id').click(function(){
    $('#myModal').modal('show')
});

【讨论】：

我的问题是我同时包含了 boostrap.js 和 bootstrap-modal.js。显然，如果你包含 bootstrap.js，你不应该也包含 bootstrap-modal.js，因为 boostrap.js 导入了所有它兼容的 javascript 插件。类似的东西。删除我的 boostrap-modal.js 脚本链接后，它起作用了。不过谢谢！