div 显示隐藏的有关问题，在线求解！

2012-04-10

div 显示隐藏的问题，在线求解！！！-------------------jsJava code $(document).ready(function(){$(ul.ull

div 显示隐藏的问题，在线求解！！！
-------------------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(){

是在页面加载完后就会执行，感觉这儿不对。你有alert($(this).find(".menulist").parent().html()); 出这个值么？

[解决办法]

JScript code

$(function(){    $(".ullist>.menu>.divlist").hide();});$("li").toggle(function(){    $(this).children("div").show();},function(){    $(this).children("div").hide();});
[解决办法]
用上面的代码替换你原来的方法就可以了，具体你要的效果不清楚，可以把你预期的效果发出来

热点排行

J2EE开发

div 显示隐藏的有关问题，在线求解！