Esta pergunta já tem uma resposta aqui:

Alguém pode explicar qual é a diferença entreevent.preventDefault() eevent.stopPropagation()?

Tenho uma tabela e, dentro dessa tabela, tenho uma tag im

Quando clico na tag img, quero ver um pop-u

Mas eu também quero parar a seleção de várias linhas, então eu uso:

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

Quando uso o código js, o pop-up não aparece;

Se eu excluir o código js, o pop-up funcionar

$(".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ê