Jquery Twitter引导模式在IE中不起作用
我通过jQuery提供了一个模式,例如:Jquery Twitter引导模式在IE中不起作用,jquery,internet-explorer,twitter-bootstrap,cross-browser,Jquery,Internet Explorer,Twitter Bootstrap,Cross Browser,我通过jQuery提供了一个模式,例如: var vCheckModal = "<div id='myModal' class='custom-modal modal hide fade'>" + "<div class='modal-header'><button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button>
var vCheckModal =
"<div id='myModal' class='custom-modal modal hide fade'>"
+ "<div class='modal-header'><button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button></div>"
+ "<div class='modal-body'><p>Please Upgrade</p></div>"
+ "<div class='modal-footer'><button class='btn' data-dismiss='modal'>Close</button></div>"
+ "</div>";
var vCheckModal=
""
+ "×"
+“请升级”
+“结束”
+ "";
然后在浏览器检查时触发:
if (BrowserDetect.browser == "Explorer"){ //If browser is IE
if (BrowserDetect.version < 10){ //purely for testing
console.log("less than 10");
$('body').append(vCheckModal);
$('#myModal').modal({
backdrop: true,
backdrop: 'static',
show: true
})
}
}
if(BrowserDetect.browser==“Explorer”){//if浏览器是IE
如果(BrowserDetect.version<10){//仅用于测试
控制台日志(“小于10”);
$('body').append(vCheckModal);
$(“#myModal”).modal({
背景:没错,
背景:“静态”,
秀:真的
})
}
}
当我将模式更改为在Firefox和chrome中显示时,效果很好。但在IE 8、9、10中,我看到的背景并没有变灰。然而,如果我访问twitter引导演示站点,我可以看到model的灰色背景。虽然我认为这是不同的初始化。有人能告诉我为什么会这样吗
Boostrap v:2.3.2
当前使用制作JSFIDLE时,我将问题追溯到我使用的引导CSS文件。我不知道怎么做,但它缺少了一些CSS。我已更改为正确的版本,现在它在IE中工作正常。能否指定IE和引导的版本?另外,您使用什么浏览器检测工具?更新了问题的更多信息info@Mat-我想这可能是“文档类型”的问题。所以加上这个
谢谢,这已经在我的脑海里了:(@Mat-visual哦,它不起作用了?你能分享一把小提琴吗?那就接受答案吧。