求高手指点:jquery无限级下拉菜单的问题
下面的jquery无限级下拉菜单是有问题的。如果是只有两级的话是没有问题的。
问题如下:
先点击“第三级”,然后点击任意一个第一级,这时候菜单再点击就没有反应了。
求高手看一下,是什么原因呢?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jquery无限级下拉菜单</title> <link href="http://www.cnkanke.com/html/webdesign/wangluozhishi/css/kendy.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/jquery.js"></script> <script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/jquery.accordion.js"></script> <script type="text/javascript" src="http://www.cnkanke.com/html/webdesign/wangluozhishi/jquery/tab.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#left ul").accordion({ alwaysOpen: false, autoheight: false, selectedClass:"drop_up", navigation: true, active: ".ons", header:"h3" }) }) </script></head><body><div class="main"><div class="left"><div class="bd" style="border-bottom:none;"><div id="left"><ul> <li class="ltbg"> <h3><span class="b14">一级菜单1</span></h3> <div class="btbd"> <p>第二级1</p> <p>第二级2</p> <ul> <li> <h3>第二级3</h3> <div> <p>第三级</p> <p>第三级</p> <p>第三级</p> </div> </li> </ul> <p>第二级4</p> </div> </li> <li class="ltbg"> <h3><span class="b14">一级菜单2</span></h3> <div class="btbd"> <p>第二级1</p> <ul> <li> <h3>第二级2</h3> <div> <p>第二级1</p> <p>第二级1</p> <p>第二级1</p> </div> </li> </ul> <p>第二级1</p> <ul> <li> <h3>第二级4</h3> <div> <p>第二级1</p> <p>第二级1</p> <ul> <li> <h3>第三级</h3> <div> <p>第二级1</p> <ul> <li> <h3>第四级</h3> <div> <p><a href="jqueryMenu.html">第五级第五级第五</a></p> <p>第五级</p> <p>第五级</p> </div> </li> </ul> <p>第四级</p> </div> </li> </ul> <p>第三级</p> </div> </li> </ul> </div> </li> <li class="ltbg"> <h3><span class="b14">一级菜单3</span></h3> <div class="btbd"> <p>第二级</p> <p>第二级</p> <p>第二级</p> </div> </li> <li class="ltbg"> <h3><span class="b14">一级菜单4</span></h3> <div class="btbd"> <p>第二级</p> <p>第二级</p> <p>第二级</p> </div> </li></ul></div></div></div></div></body></html>