日期:2014-05-16  浏览次数:20359 次

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;
            });

        });