Esta pregunta ya tiene una respuesta aquí:

Puede alguien explicar cuál es la diferencia entreevent.preventDefault() yevent.stopPropagation()?

Tengo una tabla y dentro de esa tabla tengo una etiqueta img.

Cuando hago clic en la etiqueta img, quiero ver una ventana emergente.

Pero también quiero detener la selección de varias filas, así que uso:

$("table.items tbody tr").click(function(event) {
        event.stopPropagation();
    });

Cuando uso el código js, la ventana emergente no aparece;

Si elimino el código js, la ventana emergente funciona.

$(".info").live("click",function(e){
    //console.log('ok');
    e.stopPropagation();
    var elem = $(this);
    var id = $(this).attr("id").replace("image_","container_");
    $('#'+id).toggle(100, function() {
        if($(this).css('display') == 'block') {
            $.ajax({
                url: "$url",
                data: { document_id:elem.attr('document_id') },
                success: function (data) {
                    $('#'+id).html(data);
                }
            });
            }
        });
});

¿Por qué