在jqmobi 中经常用到一个 子菜单 单击某一个选项 希望能高亮;所以我是这样做的
1.HTML的页面显示是这样的
1 <div class="order_subheader01" id="list_onclick"> 2 <li class="activeli"><a href="" >默认</a></li> 3 <li><a href="">新品</a></li> 4 <li><a href="">推荐</a></li> 5 <li><a href="">价格</a></li> 6 </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; }
时间: 2024-10-13 17:38:02