jQuery Mobile 1.4.4 - 圖標沒有顯示

我剛剛開始使用jQuery Mobile作爲ASP.NET網站，它將有一些專爲觸摸/平板電腦訪問而設計的頁面。 JQM當然似乎要走的路，但由於某些原因，我無法得到圖標顯示，即使我把它很簡單，只用CDN託管JS和CSS，如下：jQuery Mobile 1.4.4 - 圖標沒有顯示

<head runat="server"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" /> 
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 
<script src="http://code.jquery.com/jquery.mobile-1.4.4.min.js" ></script> 
</head>

，然後在身體：

<div data-role="main" class="ui-content"> 
<a href="#options" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-icon-grid ui-btn-icon-left" data-rel="dialog">Options</a>

這一切似乎標準。我能想到的唯一可能的事情是，我正在使用運行Windows 8.1 RT和IE11的Microsoft Surface 2進行測試 - 但肯定這不會是問題嗎？任何人都可以確認這應該工作？

喬恩

來源

2014-09-25 Jon Stranger

瀏覽器是否支持SVG？ – Omar 2014-09-25 16:54:48

@omar - 好點 - OP - 查看此更新可能需要IE11上的svg圖標 - http://support2.microsoft.com/kb/2925451 - 或者訪問 - http：//demos.jquerymobile .com/1.4.4 /圖標/ - 在平板電腦上查看圖標是否正確顯示 – Tasos 2014-09-25 17:34:05

我應該想到這一點 - 但是，圖標確實顯示在演示頁面中，所以不是瀏覽器問題。 – 2014-09-26 06:47:32

MMH ..這應該工作，但也應避免數據的rel =「對話框」（不建議使用），但在替代數據的rel =「彈出」，並設置數據對話框=「真」對話框頁面。

來源

2014-09-26 10:45:20 piem

好的 - 我剛剛在W3school上使用樣本頁面（http://www.w3schools.com/jquerymobile/jquerymobile_icons.asp）進行初始測試。我可以在我的平板電腦上看到該頁面並顯示圖標。但是，如果我將相同的代碼從該頁面的正文和正文的第一部分複製到我自己的頁面中，則圖標不會顯示。奇怪的。 – 2014-09-26 13:25:24

經過一番調查後，如果我只是打開我的平板電腦上的HTML文件，圖標顯示在IE11中。但是，如果我嘗試從我的服務器（運行Windows Server 2003，IIS6）在我的LAN上檢索完全相同的HTML頁面，則圖標不會顯示。必須是簡單明瞭的東西，但我看不到它。 – 2014-09-26 15:00:09

還沒有破解過這個。我可以從Web服務器中將HTML頁面檢索到桌面上的IE10和圖標顯示中。我可以在平板電腦上的IE11本地打開HTML文件（如上所述）並顯示圖標。但是，如果我從Web服務器檢索到我的平板電腦上的IE11中的相同HTML頁面，圖標就會丟失，佈局不正確（標題欄不加陰影，按鈕不圓形等）。因此，它似乎不是瀏覽器版本或從Web服務器或路徑中檢索頁面的問題 - 那麼究竟有什麼區別呢？ – 2014-09-29 16:00:04

jQuery Mobile 1.4.4 - 圖標沒有顯示

回答

相關問題