爲什麼IE11有奇怪的行爲？

似乎我的部署版本的jQuery Mobile網站存在問題。在本地機器上運行，看起來沒問題。爲什麼IE11有奇怪的行爲？

但是，當部署到測試服務器時，jQuery Mobile的UI會遇到問題（如下圖所示）。我已經在IE11和Chrome上測試了部署的網頁。在Chrome上，它看起來與本地託管版本完全相同，所以它在IE11上只是「奇怪的」iu。

enter image description here

的HTML源當然是相同的兩個版本，節選的路徑文件（CSS/JS），但同樣在Chrome它適用於兩個「版本」。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta name="viewport" content="width=device-width" initial-scale="1" /> 
    <!-- Styles --> 
    <link href="/Content/Site.css" rel="stylesheet" type="text/css"/> 
    <link href="/Content/jquery.mobile-1.4.2.css" rel="stylesheet" type="text/css"/> 
    <link href="/Content/jquery.mobile.datepicker.css" rel="stylesheet" type="text/css"/> 
    <!-- Scripts --> 
    <script src="/Scripts/Bundles/jquery?v=_evuqQpQzfiv74i_e2xne0q8qDFolKEd-XnaMgC-rWw1"></script> 

    <script src="/Scripts/jquery.ui.datepicker-nb-NO.js"></script> 
    <script src="/Scripts/Bundles/jqueryMobile?v=sCRDQK2ukYmfF8e6gB7crpqBhGj3REAZ0OWnxCy4ozU1"></script> 

</head> 
<body> 
    <div data-role="page" data-theme="a"> 
    <div data-role="header" data-theme="a"> 
     <a href="/" data-icon="home" data-iconpos="notext">Home</a> 

     <h1></h1> 
    </div> 
    <div data-role="content"> 

<a href='#' data-role="button"><div><div class="btn-icon-text">Button 1</div></div></a> 
<a href='#' data-role="button"><div><div class="btn-icon-text">Button 2</div></div></a> 

    </div> 
    <div data-role="footer" data-position="fixed" data-theme="a"> 
     <div id="leftBottomContent" style="float: left"><a href="#" data-rel="back" class="ui-btn">back</a></div> 
     <div id="rightBottomContent" style="float: right"></div> 
     <div id="centerBottomContent" style="margin-left: auto; margin-right: auto; text-align: center; margin-top: 15px;"></div> 
    </div> 
    </div> 
</body> 
</html>

我已經使用Fiddler檢查過來自服務器的請求是否正常。任何人都可以通過一個方向來指出這一點嗎？

來源

2014-09-11 Kman

嘗試在'/ Scripts'和'/ Content'之前刪除'/'。似乎錯誤的路徑。並檢查控制檯說什麼。如果您的路徑錯誤，您可能會收到錯誤消息。 – 2014-09-11 08:36:24

該路徑由ASP.NET - > href =「@ Url.Content（」〜/ Content/jquery.mobile-1.4.2.css「）生成，如果我使用Chrome（查看源代碼）檢查路徑，它們是找到。但在Chrome中，它的工作非常完美。 – Kman 2014-09-11 08:59:58

本地部署也可能意味着兼容性視圖的問題，您可以檢查IE11內的開發人員中心，以確保沒有選擇兼容模式？ – Icepickle 2014-10-06 09:55:09

所以，您自己的電腦上設置兼容模式修復該問題對你，但如何給其他人誰試圖使用你的應用程序？

您可以將meta頭添加到您的佈局，這將迫使兼容模式，進而使它所以別人沒有，你看到

<meta http-equiv="X-UA-Compatible" content="IE=9">

一定要加這個同樣的問題在HTML的標籤<head>後立即

來源

2014-10-10 14:30:39

關閉保持兼容模式在Intranet站點解決了我的問題

來源

2014-10-06 17:23:08 Kman

添加下面的代碼到你的頭頁，這使得用戶默認使用兼容模式下使用應用程序時：

<% 
    response.addHeader("X-UA-Compatible", "IE=edge"); 
    %>

來源

2014-10-10 18:54:55 user3684675

爲什麼IE11有奇怪的行爲？

回答

相關問題