[英]Bootstrap Modal Open on Page Load in IE8
因此,由于某种原因,我的模态在其他浏览器上都可以正常运行,由于某种原因,当我转到IE时,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;
}
用户首次初始化视图时,请确保具有一个可以删除的类,例如“隐藏”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.