停止JQuery Mobile列表视图中的预选（突出显示）项

Question

我正在为iOS和Android开发应用程序，我正在使用 JQuery Mobile 1.4.3 + Phonegap Build。我的导航应用程序基于JQuery Mobile列表视图。我在列表视图中有链接的页面可以转到另一页。

问题是，当从带有列表视图的一个页面转到带有列表视图的另一个页面时，这些项目是预选的（突出显示的）项目。

预先选择的项目是您在第一个中选择的“n”号码。例如：如果在第一页中选择了第三项，则在第二页中将预先选择（highligthed）第三项。

我的列表视图是正常的，就像这样：

<div data-role="content">
    <ul data-role="listview">
        <li><a href="paginas/asociaciones.html">Asociaciones / Misiones</a></li>
        <li><a href="paginas/hospitales.html">Hospitales</a></li>
        <li><a href="paginas/uniones.html">Uniones</a></li>
        <li><a href="paginas/universidades.html">Universidades</a></li>
    </ul>
</div>

这是一个屏幕，它显示加载第二页的时间。它默认突出显示一个项目：

此错误仅在移动设备（iOS和Android）中显示;在移动浏览器和已安装的App中。

我还没有为这个JQuery Mobile bug创建一个解决方案。知道如何解决它吗？谢谢！

Answer 1

使用Safari的Web检查器调试我的应用程序我看到JQM自动将:hover类应用于此类列表视图。

<强>解决方案： 就像在移动环境中一样，悬停不存在我修改了我的JQM主题的CSS类.ui-listview .ui-btn:hover并更改了background-color。像这样：

.ui-listview .ui-btn:hover {
    background-color: transparent!important;
}