Question

我正面临一个问题，即Twitter Bootstrapp CSS以淡入淡出打开我的动画并立即将其关闭。我不知道为什么会这样，有人可以帮忙吗？

更新：显然，bootstrap.css已经实现了Modals。因此，使用它们都会造成麻烦。将此留给未来的搜索者。

JSFiddle Link：http://jsfiddle.net/GB9ud/

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-9">
    <script src="js/jquery-1.7.1.min.js" lang="text/javascript"></script>
    <script src="js/bootstrap.js" lang="text/javascript"></script>
    <script src="js/bootstrap-tooltip.js" lang="text/javascript"></script>
    <script src="js/main.js" lang="text/javascript"></script>
    <script src="js/bootstrap-modal.js" lang="text/javascript"></script>
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/bootstrap-responsive.min.css">
    <title>Library Management System</title>
</head>
<body>
    <a data-toggle="modal" data-book-id="1" href="#extendbook" class="btn">Extend</a>
    <div id="extendbook" class="modal hide fade">
        <div class="modal-header">
            <a data-dismiss="modal" class="close">×</a>
            <h3>Modal header</h3>
        </div>
        <div class="modal-body">
            <p>One fine body…</p>
        </div>
        <div class="modal-footer">
            <a href="#" class="btn">Close</a><a href="#" class="btn btn-primary">Save changes</a>
        </div>
    </div>
    </body>
</html>

Answer 1

你正在调用模态两次所以它正在加载然后关闭然后再次加载

Answer 2

为了补充一点，我遇到了同样的问题，我的解决方案就是将我的jQuery版本升级到1.9或更高版本。

Answer 3

我在使用asp.NET的项目上遇到了同样的问题。我使用bootstrap 3.0.1解决了它降级到Bootstrap 2.3.2。

使用Bootstrap CSS立即关闭模态

3 个答案: