jquerymobile中的可折叠标题被错误的图标“涂鸦”

Question

当我通过移动设备查看我的网站的jquerymobile驱动页面（例如http://backpocketgrower.com/solutionppm.asp）时，我看到整个标题元素中的jquerymobile图标被用作可折叠列表按钮。

在通过桌面浏览器查看网站时，我看不到同样的情况 - 在我的代码中，我应该在寻找迄今为止未被发现的愚蠢行为吗？

感谢/布鲁斯

Answer 1

经过一番挖掘后，我发现CSS文件导致了这个错误：

<link rel="stylesheet" href="http://backpocketgrower.com/assets/css/bpg_custom.min4.css?id=140214" media="screen, projection" />

出于某种原因，你有几个从原始jQuery Mobile CSS文件复制的CSS类，与图标相关的类。您应该打开该文件并检查每个具有background-image的类：

background-image:url(.....

我最好的选择是：

background-image:url('images/icons-18-white-pack.png');

解释

让我解释为什么我认为这是最好的选择。我已下载您的网站源并在本地重新创建它。从我的Android手机查看时，错误仍然存​​在。在使用Firefox开发人员工具进行进一步的源代码检查后，我发现在页面上显示按钮时会使用3个 CSS 文件。我已按文件删除了每个CSS文件，并且在删除 bpg_custom.min4.css 时错误消失。

之后我在本地下载并包含它而不是你的文件。错误仍然缺失。这让我觉得该文件中包含的内容导致了这个问题。这是因为该文件中包含的任何内容都不会在我的本地环境中退出。