求高手指点：jquery无限级下拉菜单的问题

hk207 2010-11-01 09:29:25

下面的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>

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

...全文

145 12 打赏收藏转发到动态举报

写回复

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

MuBeiBei 2011-07-28

打赏
举报

回复

呃~·我把代码粘到本地测试就没问题，
但是访问你那个在线的地址，就有问题。

MuBeiBei 2011-07-28

打赏
举报

回复

呃。。。没有问题啊。。。

hk207 2011-07-28

打赏
举报

回复

[Quote=引用 8 楼 mubeibei 的回复:]
先点击“第三级”，然后点击任意一个第一级，这时候菜单再点击就没有反应了。

你说的第三级是第三个“一级菜单3”这个是吗？
[/Quote]

如图所示。

MuBeiBei 2011-07-28

打赏
举报

回复

我试了下。。。没发现问题啊。。。还是我没点对？

MuBeiBei 2011-07-28

打赏
举报

回复

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

你说的第三级是第三个“一级菜单3”这个是吗？

hk207 2011-07-28

打赏
举报

回复

为什么没有人看呢？？？？？？？？？

hk207 2010-12-16

打赏
举报

回复

为什么没有人看呢？？？？？？？？？

hk207 2010-12-08

打赏
举报

回复

没有高手啊！！！！！！

shaoliang520xi 2010-11-08

打赏
举报

回复

我看效果是对的吗。

hk207 2010-11-08

打赏
举报

回复

顶上去，顶上去！！！！

hk207 2010-11-03

打赏
举报

回复

没有人知道么？

25 个免费的 HTML5 CSS3 jQuery 下拉菜单

用jsTree+div模拟 js树形下拉菜单

大家好，又见面了！EasyUI又更新了，这次更新内容还是不少的，具体内容请参考下面的更新说明，官方的更新说明中还少了1条，我给补上了。 jQuery EasyUI 1.3.5版本更新内容： Bug（修复） searchbox：修复“searcher”函数提供的“name”参数值错误的问题； combo：修复“isValid”方法无法返回布尔值的问题； combo：修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题； combogrid：修复某些从combo组件继承来的方法无法使用的问题。 Improvement（改进） datagrid：改进检查行时候的性能； menu：允许追加菜单分隔符； menu：新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单； slider：新增“clear”和“reset”方法； tabs：新增“unselect”方法、“onUnselect”事件； tabs：新增“selected”属性，用于指定的默认打开的面板； tabs：Tab Panel（Tab页）新增“collapsible”属性，用于设置是否允许摺叠面板； tabs：新增“showHeader”属性、“showHeader”方法和“hideHeader”方法； combobox：允许“disabled”属性禁用下拉列表选项； tree：改进数据加载时候的性能； pagination：新增“layout”属性，用于自定义控件的样式布局； accordion：新增“unselect”方法、“onUnselect”事件； accordion：新增“select”和“multiple”属性； accordion：新增“getSelections”方法； datebox：新增“sharedCalendar”属性，允许多个datebox控件共享使用同一个calendar控件。 datebox：新增“buttons”属性，用于自定义日历下方的按钮。（译者注：该点更新内容官方更新公告上没有注明，具体内容和用法请看datebox的API。）历史版本： - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/6302785 - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/5363933

jquery.js 工具文件

多年收集的 JavaScript、jQuery 插件、UI 集合，可能已经有更好的替代技术了，但是，这是属于我的前端学习旅程，没有它，何谈提高？！

87,992

社区成员

224,698

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章