Fatal编程技术网
  • css/
  • Css jquery移动数据图标未出现在移动设备上

Css jquery移动数据图标未出现在移动设备上

css mobile jquery-mobile

Css jquery移动数据图标未出现在移动设备上,css,mobile,jquery-mobile,Css,Mobile,Jquery Mobile,我有一个移动web应用程序（.NETMVC），我正在使用jQueryMobile（Beta3和jQuery1.6.3）。我的问题是关于各种元素上的属性“数据图标”。例如，我有一个元素： <a href="@Url.Action("Index", "Home")" data-icon="home" data-iconpos="notext">Home</a> 我可以验证此图像是否确实存在于正确的位置，因为它显示在桌面浏览器上，我可以使用URL（桌面和移动）访问它，并且我的

我有一个移动web应用程序（.NETMVC），我正在使用jQueryMobile（Beta3和jQuery1.6.3）。我的问题是关于各种元素上的属性“数据图标”。例如，我有一个元素：

<a href="@Url.Action("Index", "Home")" data-icon="home" data-iconpos="notext">Home</a>
我可以验证此图像是否确实存在于正确的位置，因为它显示在桌面浏览器上，我可以使用URL（桌面和移动）访问它，并且我的主机日志显示，对该URL的请求将返回200响应。我甚至已经将我的web应用程序连接到weinre服务器，并且我可以验证DOM元素是否具有正确的映像路径。更奇怪的是，当我用手机访问jquerymobile.com时，同样的图标出现了，这个问题似乎与我的托管网站无关

有什么是我忽略的吗？谢谢。

您需要在锚点上设置data role=“button”，以便它们在jQM（jQuery Mobile）中显示为按钮。
这是我唯一能想到的

最新的jquerymobile已经解决了这个问题。如果没有，则需要检查以下步骤

  • 检查jquerymobile和jquerymobile CSS的图像文件夹是否在同一目录中
  • 如果将jquerymobile CSS放在单独的文件夹中，则需要更改此样式表中的“路径”
      • 我想我可能已经解决了这个问题。从jQuery mobile beta 2升级到3时，我也没有升级相应的图像。抓取更新后的图像似乎已经做到了这一点。

      请将图像文件夹（来自jquery mobile下载的zip文件）与css文件放在一起

      例如：如果您已将.css文件复制到名为

      d:\project\styles\jquery.mobile-1.x.x.css
      然后请按如下所示放置图像文件夹

      d:\projects\styles\images
      我看你的代码没有问题。您是否在服务器上托管了映像？或者您正在引用jQM托管的版本？如果没有，请尝试在您的服务器上托管它们？是的，图像和jquery/jquery mobile都托管在我的服务器上，我正在从那里引用它们。感谢您的建议，但这并不能解决问题。并非所有按钮都需要标记为“data role=“button””，这也是完全正确的。在本例中，锚定位于标题栏中，根据示例：最新版本是指夜间构建还是beta 3（我正在使用）？请注意，上面的图片文件夹和JQuery移动CSS在同一个目录下。是的，我也有同样的问题，我只是升级了JS和CSS，忘记了图片文件夹。奇怪的是，这些图标仍然出现在iOS和桌面浏览器上！只是在Android上不起作用。 
      d:\project\styles\jquery.mobile-1.x.x.css

      d:\projects\styles\images