导航栏切换效果am-active

紫气东璇 2017-12-05 02:33:31
<div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
<div class="am-offcanvas-bar admin-offcanvas-bar">
<ul class="am-list admin-sidebar-list">
<li><a class="am-active" href="${ctxPath!}/map"><span class="am-icon-map-o am-margin-right-sm"></span>行政管理</a></li>
<li><a href="${ctxPath!}/water"><span class="am-icon-eyedropper am-margin-right-sm"></span>硬件管理</a></li>
<li><a href="${ctxPath!}/soil"><span class="am-icon-leaf am-margin-right-sm"></span>软件管理</a></li>
</ul>
</div>
</div>


需求 : 选中任意一个li class="am-active" 也随之切换到对应的标签上
...全文
234 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
紫气东璇 2017-12-09
  • 打赏
  • 举报
回复
这是要沉底的啊 <script type="text/javascript"> $(function(){ //顶部导航切换 $("#demo-list a").click(function(){ $("#demo-list a.am-active").removeClass("am-active") $(this).addClass("am-active"); }) }) </script> 自己写了 这个 然后发现 am-active 效果 需要双击才会有 单击一次效果闪烁一次会再次回到行政管理标签中
紫气东璇 2017-12-06
  • 打赏
  • 举报
回复
有大神给思路吗

61,110

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧