Soy consciente de que las llamadas en vivo aumentan a través del documento y es por eso que tengo problemas.

Desafortunadamente, estoy usando bibliotecas de terceros que unen elementos y me gustaría crear un caso en el que un evento de clic no se burbujee hasta esos elementos.

El uso de .click () en combinación con eventStopPropogation funciona bien, sin embargo, debido a la naturaleza dinámica del contenido que necesito usar ya sea en vivo, en, delegado, etc. Aquí hay un problema con mi problema. Necesito evitar que el clic "externo" se dispare al hacer clic en la división "interna". puedono cambiar el controlador "externo".

¡¡Gracias de antemano por tu ayuda!!

http://jsfiddle.net/99zQM/2/

HTML:

<div id="outer">
    outer
    <div id="inner">
        inner
    </div>
</div>

Javascript:

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

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