如何在ie8中自动​​打开bootstrap模态?

时间:2014-05-22 07:55:32

标签: javascript twitter-bootstrap

我试图在IE 8中打开一个Bootstrap模式框,它不会自动打开。 以下是我正在使用的代码。

JS

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

HTML

<!-- 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>

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

2 个答案:

答案 0 :(得分:4)

更新

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

This是一个包含您正在使用的完全相同代码的jsFilddle。它在IE8上运行得很好(除了因缺乏CSS3属性支持而造成的样式)。要在IE8上看到它,请转到IE8上的this result page,模态完全激发


h2ooooooo评论时,您的选择器'

中缺少$('#sampModal)

这个问题是一个不好的例子,说明了那些不了解寻求帮助基础的人。请将来:

  • 如果您遇到JavaScript问题,请确保您发布的代码有效。
  • 检查控制台是否有任何日志/错误/消息并发布。
  • 发布产生错误的JsFiddle。也许错误是由于脚本中的其他内容造成的,或者您使用Ajax调用模式HTML,因此文档就绪事件此时不适用。
  • 提供有关您正在使用的库的更多信息。在这个例子中,OP没有声明他是使用Bootstrap 2还是3?他使用的是jQuery 1.x还是2?

有关How to ask questions and seek help on Stackoverflow的更多信息。

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

答案 1 :(得分:-1)

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

jQuery(document).ready(function(){

    $('#sampModal').modal('show'); 
});