jQuery切换问题

时间:2011-04-04 13:40:57

标签: jquery toggle

我遇到了jQuery切换问题 - 您可以在此处查看问题:http://jsfiddle.net/tKUgg/3/

如您所见,黄色框中显示的每个项目也会出现在黑匣子中。单击黑框中的“主项目”时,黄色框中的相应项目将被切换。

我遇到的问题是,当点击其中一个子项而不是仅切换自身时,它也会切换其父项。我需要它只能切换自己。 (例如,如果单击黑框中的“子项a”,它只应在黄色框中切换“子项a”,但此时它会切换“子项a”和父项“主项目” )

我对jQuery相当新,所以我确定这是一个愚蠢的错误。 我该如何解决这个问题?

(注意:该代码旨在与内容管理系统配合使用,因此可以动态添加/删除新的地图图层(类别),并在菜单中显示相应的项目,并带有切换。这就是为什么它有点“意大利面” “正如你们中的一些人指出的那样)

由于

扎克

2 个答案:

答案 0 :(得分:1)

每个子项都是主项的子元素。因此,当您点击子项目时,您还要点击主项目 - 这就是为什么它也会切换。

为防止这种情况 - 您必须致电:

e.stopPropagation();

关于传递到jQuery点击处理程序的click事件。

了解here

答案 1 :(得分:0)

您可能需要考虑修改您正在进行的意大利面条代码。当我看着它时,我的大脑爆炸了。

DNR提到 - 在处理嵌套列表时,必须使用stopPropagation()。

http://jsfiddle.net/V7CPr/