Anuluj pęcherzyków na tag HTML kotwicy

Question

Mam następującą konfigurację na mojej stronie

<div id="clickable"> 
    <a href="hello.com">Here!</a> 
</div> 

Czy istnieje sposób mogę używać, aby uniknąć zdarzenia click dla div być wyzwalany. Przypuszczam, że ma to coś wspólnego z ustawieniem czegoś w atrybucie onclick dla znacznika zakotwiczenia, ale próby prostych rzeczy, takich jak e.preventDefault(), nie zadziałały.

Pomoc? Dzięki!

Answer 1

e.preventDefault(); nie będzie działać w atrybutach onclick, ponieważ e nie jest zdefiniowane. Również e.preventDefault(); nie chcę, żebyś przestał bulgotać, potrzebujesz e.stopPropagation();

Albo użyć;

onclick="$(this).stopPropagation();" 

na kotwicy, lub

$(a).click(function(e){ 
    e.stopPropagation(); 
}); 

w swoich imprez.

Answer 2

Można return false; lub upewnić się, że funkcja wykorzystuje e jako argument

$("#clickable a").click(function(e){ 
    //stuff 
    e.preventDefault; 
}); 

Answer 3

e.preventDefault() nie zatrzymuje zdarzenia od bulgotania. Musisz dodać e.stopPropagation() lub zastąpić go return false.

Możesz przeczytać więcej na temat differences between these three in this answer.

Answer 4

Możesz użyć onclick = "return false;"

<a href="#" onclick="return false;">stuff</a>