我有一个非常简单的
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)的文件夹中,那么modal会以一种简单的方式打开,而不会褪色!
我究竟做错了什么?
提前致谢.
解决方法
这是因为模态效果是CSS3效果,你不包括处理它的插件,所以只需在模态插件之前加载
bootstrap-transition.js
插件,它应该工作.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。