在 IE8 中页面加载时引导模式打开

Bootstrap Modal Open on Page Load in IE8

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

所以我的模态在所有其他浏览器上都很好用，出于某种原因在 IE 中，当我访问该网站时......模式不会自动隐藏。它已经开放了：/
我确实修改了引导 css，使其仅具有使模态工作所需的样式，它在 chrome、safari、ff、即 9 和 10 上工作正常，而不是 8。

知道可能出了什么问题吗？

<a data-toggle="modal" class="byodbtn" title="byod-whitepaper" href="#myModal">Download White Paper</a>
<div class="modal hide fade workspace-brochure" id="myModal" 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">
{sn-english-form-workspace}
  </div>
</div>

尝试将以下内容放入您的 css 中：

#myModal {
  display: none;
}
如果您

使用的是IE11，它应该可以正常工作。

对于 IE 版本 =<10，使用淡入淡出类时出现问题。尝试删除它 - 

jQuery(document).ready(function($) {
  if ( jQuery.browser.msie && 10 >= jQuery.browser.version ) {
    jQuery('.fade').removeClass('fade');
  }

CSS 样式问题。请确保更新到最新的引导程序适用。最好的方法是创建新的 css 样式。

$('yourclassorID").on("click", function(){
$('.modal').removeCLass('hide');
})

.CSS：

hide{
display:none;
}

当用户首次初始化视图时，请确保有一个可以删除的类，例如"隐藏"

相关文章：