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小提琴的过程中，我经历并消除了页面中的无关元素，一次一个。当我注释掉一行以便我自己的site-wide.js不会加载到文档头时，问题就停止了。然后我恢复了包含site-wide.js的行，但我无法重新创建问题???

Answer 1

首先，感谢上面的评论。

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

为什么这个Twitter Bootstrap 3 Modal不会褪色？

1 个答案: