javascript - 为什么这个 Twitter Bootstrap 3 Modal 不会消失？

Question

我使用 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 类中，但我上面的代码并非如此。

此外，我还包含了整个 Bootstrap javascript 文件(位于页面底部)，因此这不会成为问题。我也在加载 jQuery(在 bootstrap js 之前)。

编辑:

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

Answer 1

首先感谢以上评论。

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