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

求高手指点:jquery无限级下拉菜单的问题
下面的jquery无限级下拉菜单是有问题的。如果是只有两级的话是没有问题的

问题如下:

先点击“第三级”,然后点击任意一个第一级,这时候菜单再点击就没有反应了。

求高手看一下,是什么原因呢?

HTML code

<!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><sp