js求助
<ul id="menu_1">
<li><a href="http://127.0.0.1/index.jsp" class="nav-top-item current no-submenu ">首页</a></li>
<li><a href="http://127.0.0.1/index1.jsp" class="nav-top-item no-submenu">注册</a></li>
<li><a href="http://127.0.0.1/index4.jsp" class="nav-top-item no-submenu">注册1</a></li>
<li><a href="http://127.0.0.1/index3.jsp" class="nav-top-item no-submenu">注册2</a></li>
<li><a href="http://127.0.0.1/index2.hz" onclick="getCurrent(event)" class="nav-top-item ">系统管理</a>
<ul>
<li><a href="http://127.0.0.1/aa.jsp">管理1</a></li>
<li><a href="http://127.0.0.1/bb.jsp">管理2</a></li>
</ul>
</li>
</ul>
以上代码,当单机某个菜单时,将其class改为"nav-top-item current no-submenu" ,
其他的菜单class为"nav-top-item no-submenu "
改如何实现?
------解决方案--------------------这样做有什么意义?。。点击菜单之后页面都跳转了
------解决方案--------------------改也没用,都跳转了,要不用ajax
------解决方案--------------------JScript code
<script type="text/javascript">
$(function(){
$("#menu_1 a").click(function(){
$("#menu_1 a").removeClass("current");
$(this).addClass("current");
return false;
});
});
</script>
------解决方案--------------------
你应该要在打开的新页面中设置
------解决方案--------------------
试试这样:
JScript code
$(function () {
$('li a').click(function () {
$('li a').each(function () {
$(this).attr('class', 'nav-top-item no-submenu');
});
$(this).attr('class', 'nav-top-item current no-submenu');
return false;
});
});