javascript - 单击事件调用未引用的函数

Question

出于本文的目的，请参阅我的 JSFiddle，位于 http://jsfiddle.net/ca7ws/

这是我的菜单。单击最后 3 个选项之一(评分/历史/管理)将显示一个子菜单。单击子菜单上的链接应该添加“selectedMenu”类。看起来好像没有。

通过向每个函数添加alert("someText")，我注意到当

JQuery(".menuLinksSub li").click(function(){ 

被称为，

jQuery(".menuCategory").click(function(){ 

也称为。

因此，该类被添加，然后立即被删除，给人一种根本没有工作的感觉。

我最初的想法是，它是 NAV 和 UL 行为所固有的，所以我什至删除了 HTML 中的所有 NAV/UL/LI 标签，并将它们替换为 DIV/SPAN，但无济于事。行为是相同的。

我已经尝试了很多次，但还是被难住了。如果您能得到任何帮助，我们将不胜感激。

谢谢，沙德拉克

Answer 1

与大多数事件一样，该事件通过 DOM 向上冒泡。您必须从内部事件处理程序停止它:

jQuery(".menuLinksSub li").click(function(e){
    e.stopPropagation();
    // ... your logic
}); 

http://jsfiddle.net/ca7ws/1/