無序列表中的Jquery函數

Question

我有一個無序列表中的列表項目，通過jQuery點擊事件調用函數。問題是李正在調用它的函數，然後調用父UL函數。我只是想調用我用id來引用的函數。這是一個親子問題嗎？

<ul id="mainlist"> 
    <li id="item1">list1</li> 
    <li id="item2">list2</li> 
</ul> 

jQuery的

$("#mainlist").click(function { 
    someFunction(); 
    }); 
$("#item1").click(function { 
    someOtherFunction(); 
}); 

Answer 1

您只需將傳播到它的祖先停止事件：

$("#item1").click(function (event) { 
    event.stopPropagation(); 
    someOtherFunction(); 
}); 

或者，你可以檢查點擊元素（event.target），看看是否這是<ul>或<li>通過檢查其id財產：

個

$("#mainlist").click(function (event) { 
    switch (event.target.id) { 
     case 'mainlist': 
      someFunction(); 
      break; 
     case 'item1': 
      someOtherFunction(); 
      break; 
     default: 
      break; 
    } 
}); 

參考文獻：

• 的JavaScript：
  • Event.stopPropagation()。
• 的jQuery：
  • Event.stopPropagation()。