javascript - How to use event.stopPropagation() in delegate() -
my code following in html:
<li class="arrow"> <div> <a href="javascript:void(0);" class="anchor">remove</a> </div> </li> and bind elements using deligate() jquery method (because elements appear dynamically)
$obj.delegate(".arrow", "click", function() { alert("clicked on arrow"); }); $obj.delegate(".anchor", "click", function(event) { event.stoppropagation(); alert("anchor clicked"); }); my problem is, when click on ".anchor" both events occurs. can tell me how use event.stoppropagation() in context? tried above not working. there other way this?
edit: tried calling event.ispropagationstopped(), , returns true. still both events called.
there limitations when delegate or live used , stoppropagation.
you return false in handler prevent both eventpropagation , default
try
$obj.delegate(".anchor", "click", function(event) { alert("anchor clicked"); return false; });
Comments
Post a Comment