3
<div class="modal hide" id="modalId">
  <div class="modal-header" style="padding:30px 10px">
    <h3 style="float:left">Some text here</h3>
    <input type="image" src="image_path" alt="loading..." class="pull-right" />
  </div>
  <div class="modal-body" style="clear:both">
    <!-- I have a table here-->   
  </div>
  <div class="modal-footer">
     <!-- I have a button here -->
  </div>
</div>

将在按钮单击时调用的模态代码

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

在这里,我面临的问题是,在模态弹出窗口中,即将出现一个黑色窗口。

这在 Firefox、IE 8 中完美运行,但在 IE7 中却不行。

我尝试了很多,但在这里找不到问题。:( 有人可以看看吗。thubjsdaps14

4

2 回答 2

11

我在 bootstrap.js 中评论了以下行

appendTo(document.body)

并添加

.insertAfter(this.$element)

有关更多详细信息,请参阅https://github.com/twitter/bootstrap/issues/3217

现在它在 IE7 中可以正常工作。

于 2012-07-17T11:03:47.907 回答
1

我建议先让基本模式工作,你有一些 CSS 可能会导致问题(clear: both突出)。

试试这个,看看它是否有效:

<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();
于 2012-07-13T13:00:20.367 回答