twitter-bootstrap – Bootstrap模式不显示

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine 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 href= "#myModal"  role="button" class="btn" data-toggle="modal">Launch demo modal</a>

它不工作这不是因为jQuery或脚本不加载，因为a)它不需要加载任何js，因为它使用数据定向和b)我检查了控制台，一切正在完美地发射。

这也不是因为我包括boostrap.js和bootstrap-modal.js …我检查过，我没有。

我很失落它应该只是工作其他bootstrap js在网站上工作正常。

我唯一可以想到的是与类的定义有关.hide和.fade – 当我把它们拿出来时，模态显示得很好。当我包含它们时，它根本不会出现。

jQuery UI可以干扰吗？

请问我有任何进一步的信息，你可能需要帮助我…

更新：

所以我觉得我看到了这个问题，但是我不知道如何解决它。当我检查控制台，在顶部我看到了

element.style {
display: none;
}

不知何故现在是div的一部分，所以在控制台看起来像这样：

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;" >

但是我不知道为什么要添加它，或者从哪里。怎么跟踪呢？

谢谢