Jquery mobile jQuery Mobile 1.4.4-未显示图标_Jquery Mobile

Jquery mobile jQuery Mobile 1.4.4-未显示图标

jquery-mobile

Jquery mobile jQuery Mobile 1.4.4-未显示图标,jquery-mobile,Jquery Mobile,我刚刚开始在ASP.NET网站上使用jQuery Mobile，该网站的某些页面专为触摸屏/平板电脑访问而设计。JQM看起来确实是一个不错的选择，但由于某些原因，我无法显示图标，即使我保持它非常简单，并且只使用CDN托管的JS和CSS，如下所示： <head runat="server"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css" /

我刚刚开始在ASP.NET网站上使用jQuery Mobile，该网站的某些页面专为触摸屏/平板电脑访问而设计。JQM看起来确实是一个不错的选择，但由于某些原因，我无法显示图标，即使我保持它非常简单，并且只使用CDN托管的JS和CSS，如下所示：

<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进行测试，但这肯定不是问题所在？有人能证实这是可行的吗

乔恩

嗯。。这应该是可行的，但是，您应该避免data rel=dialog不推荐使用，而是在对话框页面中选择data rel=popup并设置data dialog=true。

浏览器是否支持SVG？@omar-好的观点-OP-查看IE11上的SVG图标更新，您可能需要--或者访问--在平板电脑上查看图标是否正确显示我应该想到-但是，是的，图标确实显示在演示页面中，因此不是浏览器问题。好的-我只是使用W3schools上的示例页面进行初始测试。我可以在我的平板电脑上进入该页面并显示图标。但是如果我将相同的代码从页面的头部和正文的第一部分复制到我自己的页面中，图标就不会显示。奇怪。经过进一步调查，如果我在平板电脑上打开HTML文件，图标就会显示在IE11中。但是，如果我试图通过局域网从运行WindowsServer2003（IIS6）的服务器检索完全相同的HTML页面，则图标不会出现。一定是一些简单而明显的东西，但我看不到。仍然没有破解这个。我可以将HTML页面从web服务器检索到桌面上的IE10中，并显示图标。如上所述，我可以在平板电脑上的IE11中本地打开HTML文件，并显示图标。但是，如果我在平板电脑的IE11中从web服务器检索相同的HTML页面，图标就会丢失，布局也不正确标题栏未着色，按钮未圆角等。因此，这似乎与浏览器版本、从web服务器检索页面或路径无关——那么到底有什么区别呢？