Twitter bootstrap Twitter引导模式在IE7中不起作用

在这里，我面临的问题是，在模态弹出窗口之前，一个黑色窗口即将出现

这在firefox、IE8中非常有效，但在IE7中却不行

我试了很多，但在这里找不到问题(

---

我建议首先使用基本模式，你的CSS中有一些可能会导致问题的CSS（代码清晰：两者都很突出）

试试这个，看看它是否有效：

$('#modalId').modal({
    backdrop: 'static',
    keyboard: false,
    show: true
});

测试头
试验体
测试页脚
$（'#modalId'）.modal（）；

我已经在bootstrap.js中对以下行进行了注释

appendTo（document.body）

并补充说

.insertAfter（此.$元素）

有关更多详细信息，请参阅

---

现在，它在IE7中正常工作。

是的，与“clear:both”一起工作。当我从中删除类“hide”时，它工作正常，但问题是我只想在有人单击按钮时显示此弹出窗口，否则它应该隐藏。哦，然后使用

$（'#modalId'）。modal（'show'））

点击事件。感谢Terry抽出时间。但我已经在这里做了$（'#modalId'）。modal（{background:'static'，keyboard:false，show:true}）；模式弹出窗口最初应该对用户隐藏。它应该只在一个事件，即按钮单击时弹出。从构造函数中取出

show

。稍后在单击事件中使用它。`$（'#mybutton'）。单击（函数（）{$（'#modalId'）。模式（'show'）；}）；很抱歉Terry误导了您，“隐藏”不是问题..即使我删除了隐藏类，它也不起作用。这是一件无法理解的事情（这当然适用于IE7，也不会破坏现代浏览器的模式。谢谢！不过，我刚刚意识到，当用这种方式进行操作时，用户可以单击灰色区域中的任意位置一次以绕过模式窗口（而不是被迫单击“OK”或“x”）。有没有办法在仍然使用这种方式的情况下解决这个问题？

$('#modalId').modal({
    backdrop: 'static',
    keyboard: false,
    show: true
});

<div class="modal" id="modalId">
  <div class="modal-header">
    <h3>Test header</h3>
  </div>
  <div class="modal-body" style="clear:both">
    Test body 
  </div>
  <div class="modal-footer">
     Test footer
  </div>
</div>

$('#modalId').modal();