首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求:jquery无限级上拉菜单的有关问题

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

求高手指点: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><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> 



可以点链接看效果:http://www.cnkanke.com/html/webdesign/wangluozhishi/jqueryMenu.html

[解决办法]
我看效果是对的吗。
[解决办法]
先点击“第三级”,然后点击任意一个第一级,这时候菜单再点击就没有反应了。


你说的第三级 是第三个“一级菜单3”这个是吗?
[解决办法]
我试了下。。。没发现问题啊。。。还是我没点对?

[解决办法]
呃。。。没有问题啊。。。
[解决办法]
呃~·我把代码粘到本地测试就没问题,
但是访问你那个在线的地址,就有问题。

热点排行