jQuery的切换问题

Question

我有一个jQuery切换的问题 - 你可以看到这里的问题：http://jsfiddle.net/tKUgg/3/

正如你可以看到，出现在黄框中的每个项目，也出现在了黑盒子。当您单击黑色框中的“主要项目”时，黄色框中的相应项目会被切换。

我遇到的问题是，当其中一个子项被点击时，而不是只切换自己，它也切换其父。我需要它只能切换自己。 （例如，如果您在黑色框中单击“子项目a”，它应该只在黄色框中切换“子项目a”，但此时它将切换“子项目a”和父项“主项目” ）

我对jQuery相当陌生，所以我确信它是一个愚蠢的错误。 我该如何解决这个问题？ （注意：该代码旨在与内容管理系统一起工作，因此可以动态添加/删除新的地图图层（类别），并在菜单中使用切换显示相应的项目，这就是为什么它有点“意大利面条”作为你们有些人指出）

感谢

扎克

Answer 1

你可能要考虑修改你正在进行的意大利面代码。当我看着它时，我的大脑发生了爆炸。

由DNR提到 - stopPropagation（）在处理嵌套列表时是必要的。

http://jsfiddle.net/V7CPr/

Answer 2

各个子项是主项的子元素。所以，当你点击子项目时，你还要点击主项目 - 这也是为什么它也会触发。

为了防止这一点 - 你必须调用：

e.stopPropagation(); 

上则传递到您的jQuery单击处理click事件

。

了解here。