Question

我到处搜索，看了所有的答案，但仍然找不到自己的解决方案。链接数据图标中的自定义png图像未显示在标题中。这是我的结构：

<div data-theme="b" data-role="header" data-position="fixed" data-tap-toggle="false" style="height:100px">
    <img style="width:100%; height:100px" src="style/images/appbg.png" alt="Header"/>
    <a data-role="button" data-iconpos="left" data-icon="my-home">Home</a>
</div>

在头部我有：

<style>.ui-icon-my-home{background-image: url("style/images/home.png");}</style>

它看起来应该有效。我尝试添加50％50％无重复的样式，尝试将其添加到css文件中......没有任何效果。

我正在使用jquery 2.0分钟，jquery-mobile-1.3.1.min和jquery-mobile-1.3.1.min.css。也许这些新版本不起作用？我应该使用旧版本吗？

我首先加载CSS，然后加载jQuery，最后加载jQuery Mobile。另一件事是当我做常规img标签时图像显示...所以路径是正确的。只有当我尝试将图像输入到链接数据图标中时，它才会显示出来。请帮帮我......

Answer 1

我可以看到你理解我的问题，我必须承认我喜欢能够看清问题的人。

如果您想了解此问题，则需要了解 jQuery Mobile works 的方式。如果以标准方式使用它将所有内容存储在DOM中，那么所使用的每个HTML页面都将存储在DOM中。如果您不知道发生了什么，这可能会导致问题，不幸的是，即使您已经查看过官方文档，也不会明确告知这一点。

只有第一页完全加载，每隔一页只加载BODY，即使这样只有data-role =“page”DIV。其他一切都将被丢弃。不幸的是，这是如此，所以你需要照顾。在我之前的链接中，您可以找到一些预防方法。

其他问题是id。因为DOM的工作原理你可以在里面有相同的id，但是如果你试图以某种方式访问它们，那么只会访问第一个。基本上，您需要确保每个页面都有唯一的ID。其余的内容可以是相同的，因为jQuery Mobile有一个很好的选择器：

 $.mobile.activePage

它可用于访问当前活动页面中的当前数据，例如：

$.mobile.activePage.find('someID');

标题中的jquery移动自定义图标未显示

1 个答案: