evento fuoco al clic su un div tranne un collegamento

Question

voglio generare un evento quando clicco su un div, ma non voglio che evento di sparare se clicco su un link specifico su quel div:

mia JS

$("#myDiv").not("#myLink").click(function() { 
    alert("clicked"); 
}); 

//Or 

$("#myDiv:not(#myLink)".click(function() { 
    alert("clicked"); 
}); 

$("body").on('click', '#myLink', function(e) { 
    e.stopPropagation(); 
}); 

mio HTML

<div id="myDiv"> 
    <a href="#" id="myLink">Some link</a> 
</div> 

Ecco jsfiddle

EDIT: In realtà il mio codice reale è con "On " metodo, ho già provato stopPropagation ma non funziona in quel caso

Answer 1

Aggiungi ai js:

$("#myLink").click(function(e) { 
    e.stopPropagation(); 
}); 

Your fiddle updated

Answer 2

Per non dover ripetere il codice che si arresta dall'esecuzione per ogni collegamento inserito in div, è possibile utilizzare stopPropagation.

$('#myDiv a').click(function(e) { 
    e.stopPropagation(); //stops default link action 
    //do your stuff 
}); 

Questo fermerà tutti i link (<a>) da eseguire il modo in cui avviene normalmente se sono all'interno del #myDiv div.

Answer 3

questo può anche funzionare

$("#myDiv").click(function (ev) { 
    alert("clicked"); 


}).children().click(function(e) { 
    return false; 
}); 

http://jsfiddle.net/SjDdN/7/