javascript - Twitter Bootstrap 模态不出现-6ren

javascript - Twitter Bootstrap 模态不出现

转载作者：搜寻专家更新时间：2023-11-01 05:06:33

我使用 Twitter Bootstrap 创建的任何模式都无法显示。看到我使用 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>

这里是 Bootstrap 包和 Bootstrap 模式所需的 jquery 的链接: bootstrap package jquery

最佳答案

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

关于javascript - Twitter Bootstrap 模态不出现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11488426/

文章推荐： javascript - 如何根据下拉选择更改跨度的内容

angularjs - 什么是 Angular 态？
我来自 Asp.Net 世界，试图理解 Angular State 的含义。什么是 Angular 状态？它类似于Asp.Net中的ascx组件吗？是子页面吗？它类似于工作流程状态吗？我听到很多人
javascript - 3 态 CSS 拨动开关
我一直在寻找 3 态拨动开关，但运气不佳。基本上我需要一个具有以下状态的开关: |开 |不适用 |关 | slider 默认从中间开始，一旦用户向左或向右滑动，就无法回到N/A(未回答)状态。有人

搜寻专家

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - Twitter Bootstrap 模态不出现