我遇到了jQuery切换问题 - 您可以在此处查看问题:http://jsfiddle.net/tKUgg/3/
如您所见,黄色框中显示的每个项目也会出现在黑匣子中。单击黑框中的“主项目”时,黄色框中的相应项目将被切换。
我遇到的问题是,当点击其中一个子项而不是仅切换自身时,它也会切换其父项。我需要它只能切换自己。 (例如,如果单击黑框中的“子项a”,它只应在黄色框中切换“子项a”,但此时它会切换“子项a”和父项“主项目” )
我对jQuery相当新,所以我确定这是一个愚蠢的错误。 我该如何解决这个问题?
(注意:该代码旨在与内容管理系统配合使用,因此可以动态添加/删除新的地图图层(类别),并在菜单中显示相应的项目,并带有切换。这就是为什么它有点“意大利面” “正如你们中的一些人指出的那样)
由于
扎克
答案 0 :(得分:1)
每个子项都是主项的子元素。因此,当您点击子项目时,您还要点击主项目 - 这就是为什么它也会切换。
为防止这种情况 - 您必须致电:
e.stopPropagation();
关于传递到jQuery点击处理程序的click事件。
了解here。
答案 1 :(得分:0)
您可能需要考虑修改您正在进行的意大利面条代码。当我看着它时,我的大脑爆炸了。
DNR提到 - 在处理嵌套列表时,必须使用stopPropagation()。