gpt4 book ai didi

twitter-bootstrap - Twitter Bootstrap 模态不会褪色

转载 作者:行者123 更新时间:2023-12-04 08:58:10 25 4
gpt4 key购买 nike

我有一个非常简单的 HTML 应该打开一个淡入淡出的模式,但它只显示和隐藏而不会淡入或淡出。

这是代码:

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap-modal.js"></script>
</head>
<body>
<div id="myModal" class="modal hide fade">
<div class="modal-header"><h4>I'm a header</h4></div>
<div class="modal-body"><p>Hello from the body</p></div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>

<a data-toggle="modal" href="#myModal" class="btn btn-primary">Launch Modal</a>
</body>
</html>

此代码取自 Twitter Bootstrap 文档。

在 jsFiddle 中,这个简单的代码效果很好!但是,如果我将上述代码(如 .html)保存在包含所有必需文件(.css 和 .js)的文件夹中,模态将以简单的方式打开,不会褪色!

我究竟做错了什么?

提前致谢。

最佳答案

那是因为模态效果是 CSS3 效果并且你没有包含处理它的插件,所以只需加载 bootstrap-transition.js 模态插件之前的插件,它应该可以工作。

关于twitter-bootstrap - Twitter Bootstrap 模态不会褪色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12732489/

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