1

我有一个使用 Twitter Bootstrap 3 的非常简单的模式。模式显示没有问题，但它不会从顶部淡入，就像在这个例子中那样， http: //getbootstrap.com/javascript/#modals . 相反，它只是在屏幕上晃来晃去。

这是触发器：

<a href='#registerEmail' data-toggle='modal' class='btn btn-primary btn-lg'>Sign up with Email</a>

这是模态：

<div class='modal fade' id='registerEmail' tabindex='-1' role='dialog'>
    <div class='modal-dialog'>
        <div class='modal-content'>
            <div class='modal-header'>
                This is the header
            </div>
            <div class='modal-body'>
                This is the body
            </div>
            <div class='modal-footer'>
                This is the footer
            </div>
        </div>
    </div>
</div>

我很确定它以前工作过。

我检查了另一个答案Twitter Bootstrap: Modal popup won't fade，其中模态嵌套在另一个 .fade 类中，但我上面的代码并非如此。

另外，我包括了整个引导 javascript 文件（在页面底部），所以这不是问题。我也在加载 jQuery（在引导 js 之前）。

编辑：

这很奇怪。在创建 JS fiddle 的过程中，我一次一个地检查并消除了页面中的无关元素。当我注释掉一行以便我自己的 site-wide.js 不会加载到文档头部时，问题就停止了。然后我恢复了包含 site-wide.js 的行，但我无法重现问题？？？

4

1 回答 1

0

首先，感谢楼上的评论。

最后，我注释掉了一些不必要的 javascript 包含并解决了问题。大概是命名空间问题？有趣的是，它可以以如此微妙的方式表现出来。

于 2013-09-10T22:12:50.477 回答