Question

How can I create some form of exception for elements that are are inside containers affected by event.stopPropagation() e.g

<ul class="test">
<li><a href="#" class="test1"></a></li>
</ul>
<script type="test/javscript">
$(".test").click(function(e){
    e.stopPropagation();
});
$(".test1").click(function(e){
    some statements...
});
</script>

I would like .test1 to fire an event when clicked.

Answer 1

events bubble up, stopPropagation in your case would stop any parent elements of <ul class="test"> with click handling.

however you may be interested in checking for if propagation was stopped, use event.isPropagationStopped in your event handling.