ul li a active jquery.cookie.js

2023-05-17,,

div class="righter nav-navicon" id="admin-nav">
<div class="mainer">
<div class="admin-navbar">
<span class="float-right">
<a class="button button-little bg-main" href="#" target="_blank">个人中心</a>
<a class="button button-little bg-yellow" href="login.html">注销登录</a>
</span>
<ul class="nav nav-inline admin-nav">
<li class="active">
<a href="AIndex" class="icon-cog">一汽一工厂</a>
<ul>
<li><a href="/Factories/AServoTightening">伺服机拧紧1</a></li>
<li><a href="/Factories/ATirePressureDetection">胎压检测1</a></li>
<li><a href="#">汽车尾气1</a></li>
</ul>
</li>
<li>
<a href="BIndex" class="icon-cog">一汽二工厂</a>
<ul>
<li class="active"><a href="#">伺服机拧紧2</a></li>
<li><a href="#">胎压检测2</a></li>
<li><a href="#">汽车尾气2</a></li>
</ul>
</li>
<li><a href="#" class="icon-user"> 会员</a></li>
</ul>
</div>
<div class="admin-bread">
<span>您好,admin,欢迎您的光临。</span>
<ul class="bread">
<li><a href="index.html" class="icon-home"> 开始</a></li>
<li>后台首页</li>
</ul>
</div>
</div>
</div>

<script src="~/Scripts/jquery.cookie.js"></script>
<script src="~/Scripts/jquery-1.8.2.min.js"></script>

<script type="text/javascript">
$(function () {
var cookieName = 'indexActive';
var index = $.cookie(cookieName) != null ? $.cookie(cookieName) : 0;

clickFuc($(".admin-nav .active ul li").eq(index));
$(".admin-nav .active ul li").click(function () {
clickFuc($(this));
index = $(".admin-nav .active ul li").index(this);
$.cookie(cookieName, index);
})

});
function clickFuc(obj)
{
$(obj).addClass("active").siblings('li').removeClass("active");
}

</script>

ul li a active jquery.cookie.js的相关教程结束。

《ul li a active jquery.cookie.js.doc》

下载本文的Word格式文档,以方便收藏与打印。