在 JQuery Mobile 列表视图中停止预选（突出显示）项目答案

【问题标题】：Stop pre-selected (highlight) item in JQuery Mobile listview在 JQuery Mobile 列表视图中停止预选（突出显示）项目
【发布时间】：2014-09-15 22:47:13
【问题描述】：

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

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

预选项目是您在第一个项目中选择的“n”个数字。例如：如果您在第一页中选择了第三项，则在第二页中将预先选择（突出显示）第三项。

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

<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 错误建立解决方案。知道如何解决吗？谢谢！

【问题讨论】：

标签： html css listview jquery-mobile

【解决方案1】：

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

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

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

【讨论】：