jquery移动活动导航栏只是为了图标

时间:2014-07-21 11:59:38

标签: jquery mobile

我正在使用最新的jquery手机。 我有一个关于导管栏的问题。

如何只为图标和文字设置有效的导航栏?我附上了例子。 我在导航栏中有三个按钮:主页第二页搜索

当点击按钮主页或按钮搜索时,如何获取图标和文本主页或搜索或第二页的活动状态? 所以只是图标和文字是蓝色的,而不是整个按钮。

<div data-role="navbar">
  <ul>
    <li><a href="#" data-icon="home">Home</a></li>
    <li><a href="#" data-icon="arrow-r">Page Two</a></li>
    <li><a href="#" data-icon="search">Search</a></li>
  </ul>
</div>

1 个答案:

答案 0 :(得分:1)

我这样使用并且有效! 如果您已包含该文件,请再次检查: jquery.mobile-1.4.2.min.css

  

活跃的蓝色只是点击了&lt; a&gt;

<div data-role="footer">
    <div data-role="navbar" data-iconpos="bottom">
        <ul>
            <li><a href="#" data-icon="home">Home</a></li>
            <li><a href="#" data-icon="arrow-r" class="ui-btn-active">Page Tow</a></li>
            <li><a href="#" data-icon="search">Search</a></li>
        </ul>
    </div><!-- /navbar -->