jqmobi 子菜单 高亮效果

在jqmobi 中经常用到一个 子菜单 单击某一个选项 希望能高亮;所以我是这样做的
1.HTML的页面显示是这样的

           <div class="order_subheader01" id="list_onclick">
<li class="activeli"><a href="" >默认</a></li>
<li><a href="">新品</a></li>
<li><a href="">推荐</a></li>
<li><a href="">价格</a></li>
</div>

2.当点击是,处理的效果 函数如下

$("#list_onclick>li").on('click', function(event) {
event.preventDefault();
/* Act on the event */
$("#list_onclick > li").not(event.currentTarget).removeClass("activeli");
$(event.currentTarget).addClass("activeli");
});

  

3.其中的CSS是这样的

/*商品列表 子菜单 按下时 li a 的CSS*/
.activeli a{
color: rgb(193,35,135) !important;
}
.activeli{
border-bottom: rgb(193,35,135) solid 1px !important;
}

  

上一篇:angular 实现自定义样式下拉菜单


下一篇:Docker之分布式仓库Harbor高可用双向同步