gpt4 book ai didi

javascript - Twitter Bootstrap 模态不出现

转载 作者:搜寻专家 更新时间:2023-11-01 05:06:33 24 4
gpt4 key购买 nike

我使用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com