JQuery Mobile 在按下后将列表项 <li> 设为蓝色并禁用页面的所有链接

Question

我正在编写一个网络应用程序，并定义了一个元素列表。

<div data-role="page">
    <div data-role="content">

    <ul data-role="listview" data-theme="c">
        <li>
           One  
        </li>
        <li>
           Two
        </li>
    </ul>
    </div>
</div>

我正在使用 jQuery Mobile，我需要将列表中的所选项目

设为蓝色(就像在 iOS 中一样)。在 jQuery 示例上，这工作正常，但无法在我的代码上实现。

加载下一页后，我还需要禁用该页面的所有链接。做这个的最好方式是什么？在顶部添加一个不可点击的 div 或者只是编写一个 JS 来删除所有 < a > 标签，恢复 AJAX 旋转器或其他东西？

Answer 1

对于文本颜色，您需要覆盖 JQuery Mobile css。在 JQM css 链接下方添加您自己的 css 并将其粘贴到其中:

.ui-btn-up-c a.ui-link-inherit {
   color: -webkit-link;
}

关于禁用链接，您可以执行以下操作:

$("li").addClass('ui-disabled');
$("a").attr('href','#');

这会将所有列表项显示为已禁用，并禁用页面上的所有链接。