html - 在 JQuery Mobile ListView 中停止预选(突出显示)元素

Question

我正在为 iOS 和 Android 开发应用程序，我正在使用 JQuery Mobile 1.4.3 + Phonegap Build。我的导航应用程序基于 JQuery Mobile ListView 。我的页面在 ListView 中带有链接，可以转到其他页面。

问题是当从一个带有 ListView 的页面转到另一个带有 ListView 的页面时，这些元素是预先选择的(突出显示)。

预选元素是您在第一个元素中选择的第'n'个。例如:如果您在第一页中选择了第三项，则在第二页中将预选(突出显示)第三项。

我的listviews是正常的，就像这样:

<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)中显示；在移动浏览器和已安装的应用程序中。

我还没有为这个 JQuery Mobile 错误创建解决方案。知道如何解决吗？谢谢!

Answer 1

使用 Safari 的网络检查器调试我的应用程序，我看到 JQM 自动将 :hover 类应用到这种 ListView 。

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

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