如何在ie8中自动打开引导模式

How to open bootstrap modal automatically in ie8?

本文关键字：模式 ie8      更新时间：2023-09-26

我试图在IE 8中打开一个Bootstrap模式框，它没有自动打开。下面是我使用的代码:

JS 

jQuery(document).ready(function(){
    $('#sampModal').modal({
        keyboard: true,
        show : true
    }); 
});


<!-- Modal -->
<div class="modal fade" id="sampModal" tabindex="-1" role="dialog" aria-labelledby="sampModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

如果有人有同样的问题。请帮助。

更新

因为OP提到语法没有问题。

这是一个jsFilddle，包含与您正在使用的完全相同的代码。它在IE8上运行完美(除了由于缺乏CSS3属性支持而导致的样式)。要在IE8上看到它，请转到IE8上的结果页面，模式完美地启动

正如h2ooooooo评论的那样，您的选择器$('#sampModal)中缺少'

这个问题是一个不好的例子，说明人们不了解寻求帮助的基本知识。以后请:

  • 如果你面临一个JavaScript问题，确保你发布的代码是有效的。
  • 检查控制台是否有任何日志/错误/消息并发布。
  • 发布一个产生错误的JsFiddle。也许这个错误是由于你的脚本中的其他东西，或者你正在使用Ajax调用模态HTML，所以在文档准备事件是不适用的。
  • 提供有关您正在使用的库的更多信息。在这个例子中，OP没有说明他使用的是Bootstrap 2还是Bootstrap 3?他在使用jQuery吗?X还是2?

关于如何在Stackoverflow上提问和寻求帮助的更多信息。

我只是想为你和其他人澄清这些观点。感谢h2ooooooo注意到缺失的'

我被要求解释为什么这是有效的。我不知道。它就是这样。你不喜欢。所以这个答案就是解决你问题的办法。

jQuery(document).ready(function(){
    $('#sampModal').modal('show'); 
});
相关文章：