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兼容模式掛起

回答

相關問題