jQuery的綁定功能於母公司的股利而不是子錨點，反之亦然

Question

我有一個div，在其內部的幾個錨鏈接：

<div id="myDiv"> 
+----------------------------+ 
|       | 
| <a class="myAnc">...</a> | 
| <a class="myAnc">...</a> | 
|       | 
+----------------------------+ 

我想click事件綁定到#myDiv調用myFunction1()但有.myAnc標籤致電myFunction2()。使用jQuery的bind，會發生什麼，無論您點擊什麼（div或錨點），都會調用myFunction1和myFunction2。

我怎樣才能確保他們呼籲他們的兩個單獨的功能（和只有那些功能）？

Answer 1

在myFunction2(ev)電話：

ev.stopPropagation(); 

Answer 2

試試這個：

$("a.myAnc").click(function(e) { 
    e.stopPropagation(); // prevent DOM event bubbling which will trigger the click of the parent div 
}); 

$("#myDiv").click(function() { 
}); 

Answer 3

$('#myDiv, a.myAnc').click(function(event) { 
    event.stopPropagation(); // Prevent bubbling to #myDiv 

    alert('you click ' + $(this)); 
}); 

Answer 4

嘗試

$(".myAnc").bind("click", 
         function() 
         { 
          myFunction2(); 
          return false; 
         } 
         ); 

    } 

工作演示@http://jsfiddle.net/NeLsE/