bootstrap.js ie9兼容模式挂起

我遇到了bootstrap.js-IE9问题。当我的页面在IE9中加载时，它一眼就冻结了。使用开发工具强制IE9进入可兼容模式可解决问题。但是，它应该没有这个工作。bootstrap.js ie9兼容模式挂起

您可以在my mini app进行测试。

该网页是相当简单的，没有任何异域特色但你可以在代码中看到：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="/resources/css/main.css"/> 
<link rel="stylesheet" type="text/css" href="/resources/css/bootstrap.min.css"/> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Welkom bij STT!</title> 
<script src="/resources/js/jquery-1.9.1.min.js"></script> 
<script src="/resources/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div id="main" class="container"> 

<div class="row" > 
    <div class="span1"><span><img src="" alt="Logo" title="Logo"/></span></div> 
    <div id="registration" class="span2 btn disabled ">registreer</div> 
    <div id="accounting" class="span2 btn disabled ">accounting</div> 
    <div id="reporting" class="span2 btn disabled ">rapportage</div> 
    <div class="span2"></div> 
    <div class="span3"><span>Welcome Jurgen Goossens</span></div> 
</div> 



<div class="row"> 
    <div class="span8 well">welkom bij STT!</div> 
    <div class="span4"></div> 
</div> 


<div class="row"> 
     <div class="span1"></div> 
     <div id="customers" class="span2 btn "><a href="/customer/">klanten</a></div> 
     <div id="performance" class="span2 btn "><a href="/tasktype/">taken</a></div> 
     <div id="users" class="span2 btn "><a href="/user/">gebruikers</a></div> 
     <div class="span5"></div> 
</div> 

</div> 
</body> 
</html>

有没有人有一个想法是什么关系吗？

来源

2013-03-20 user2192378

做实际的引导演示页这样的一个原因就挂了吗？http://twitter.github.com/bootstrap/examples/justified-nav.html – 2013-03-20 21:33:03

问题不在于引导人所有:( 经过长时间的搜寻，我发现下面的自定义CSS代码做冻结IE9的伎俩后：

.btn:first-letter, 
label:first-letter, 
.navbar-inner .brand:first-letter 
{ 
    text-transform: uppercase; 
}

需要进一步成但这是另一个任务。 ..

TNX的帮助

来源

2013-03-21 08:25:37 user2192378

恭喜;-) – davidkonrad 2013-03-21 08:44:43

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">是“几乎标准”模式。另外，如果在doctype声明之上有任何东西，IE会自动进入quirksmode。此外，bootstrap requires the html5 doctype，所以你必须用

<!doctype html>

更换旧校园HTML 4.01的doctype，你应该添加

<meta http-equiv="x-ua-compatible" content="IE=Edge"/>

到<head>节的开头（之前的任何脚本标签或至少！）。见IE8, IE9 and IE10 Complications（页面中部）。

来源

2013-03-20 23:33:45 davidkonrad

TNX您wanser。但是，我试过了也没有解决问题。然而，正如我从一开始应该做的那样，将它改编成正确的Doctype。 – user2192378 2013-03-21 08:22:17

bootstrap.js ie9兼容模式挂起

回答

相关问题