How to stop events bubbling in jQuery?
According to jQuery's documentation:
$('myclass').bind('amodaldestroy'), function(event) {
....does something....
event.stopPropagation();
});
Use event.stopPropagation();
$('.myclass').bind('amodaldestroy', function(e){
e.stopPropagation();
});
You can also use return false
but there is a subtle difference between the two in that returning false also calls event.preventDefault();
This might not be that great but
return false;
return false
will do both stopPropagation
and event.preventDefault...
if you want only one you can choose based on your choice
please read this , this is from SO only
return false
is effectively both preventDefault and stopPropogation.
preventDefault
will prevent the default event from occuring, stopPropogatio
n will prevent the event from bubbling up and return false will do both.
For support in IE < 9:
$(".element").click(function(e)
{
var event = e || window.event;
event.stopPropagation ? event.stopPropagation() : (event.cancelBubble=true);
});