twitter-bootstrap – Twitter Bootstrap Modal不会褪色

发布时间：2020-12-17 20:37:16 所属栏目：安全来源：网络整理

导读：我有一个非常简单的 HTML应该打开一个淡入淡出的模式,但它只显示和隐藏而不淡入或淡出. 这是代码： !DOCTYPE htmlhtml head link type="text/css" rel="stylesheet" href="css/bootstrap.css" / script type="text/javascript" src="jquery.min.js"/script s

我有一个非常简单的 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插件,它应该工作.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!