JQuery stopPropagation on .live() when handlers already exist and are bound

Question

I\'m aware that live calls bubble up through the doccument and that is why I\'m having issues.

Unfortunately I\'m using third party libraries that bind elements and wou

Answer 1

use on delegate bound to outer and call e.stopPropagation() in inner click handler..this should dothe trick.

try this updated

$("#outer").bind('click',function(e){
  alert("outer clicked"); 
});

$('#outer').on('click',"#inner",function(e){
  e.stopPropagation();
  alert("inner clicked"); 

});

updated fiddle here