-------------------js
- Java code
$(document).ready(function(){ $("ul.ullist li.menu").click(function(){ alert($(this).find(".menulist").parent().html()); $(this).find(".menulist").parent().show(); $(this).find("a").addClass("on"); $(this).click(function(){}, function(){ $(this).find("menulist").slideUp(0); }); }, function(){ $(this).find("a.alist").removeClass("on"); }); });------------------------body
- Java code
<body> <div id="main"> <ul class=ullist> <li class="menu"><a href="#">用户管理</a> <div class="divlist"> <ul class="menulist"> <li><a href="/sysuser/select.jsp">用户查询</a></li> <li><a href="#">用户修改</a></li> <li><a href="/sysuser/userlist">用户列表</a></li> </ul> </div> </li> <li class="menu"><a href="#">员工管理</a> <div class="divlist"> <ul class="menulist"> <li><a href="/staff/select.jsp">员工查询</a></li> <li><a href="#">员工更新</a></li> <li><a href="/staff/staffAdd.jsp">增加员工</a></li> <li><a href="#">员工列表</a></li> </ul> </div> </li> <li class="menu"><a href="#">病人管理</a> <div class="divlist"> <ul class="menulist"> <li><a href="/patient/patientSelect.jsp">病人查询</a></li> <li><a href="#">修改病人</a></li> <li><a href="/patient/patientList.jsp">病人列表</a></li> <li><a href="patient/patientAdd.jsp">增加病人</a></li> </ul> </div> </li> <li class="menu"><a href="#">病房管理</a> <div class="divlist"> <ul class="menulist"> <li><a href="/sickWard/WardSelect.jsp">病房查询</a></li> <li><a href="/sickWard/WardAdd.jsp">增加病房</a></li> <li><a href="#">病房列表</a></li> <li><a href="#">病房修改</a></li> </ul> </div> </li> <li class="menu"><a href="#">病床管理</a> <div class="divlist"> <ul class="menulist"> <li><a href="/sickbed/bedSelect.jsp">病床查询</a></li> <li><a href="/sickbed/bedAdd.jsp">增加病床</a></li> <li><a href="#">病床列表</a></li> <li><a href="#">病床修改</a></li> </ul> </div> </li> </ul> </div></body>
------------就是没作用啊
------解决方案--------------------
$("ul.ullist li.menu").click(function(){
你这个是要在点击时才起作用吧，而$(document).ready(function(){