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

时间:2011-11-23 11:20:28

标签: jquery list mobile hyperlink

我正在编写一个Web应用程序,我定义了一个元素列表。

<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,我需要制作列表中的所选项目&lt; li>蓝色(如在iOS中)。在jQuery示例上,这很好但不能在我的代码上实现。

我还需要在下一页加载后禁用页面的所有链接。做这个的最好方式是什么?在顶部添加一个不可忽略的div或只是编写一个删除所有&lt; a&gt;标签,还原AJAX微调器或其他什么?

1 个答案:

答案 0 :(得分:3)

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

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

关于禁用链接,您可以这样做:

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

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