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 - 图标没有显示

回答

相关问题