To pytanie ma już odpowiedź tutaj:

Czy ktoś może wyjaśnić, jaka jest różnica międzyevent.preventDefault() ievent.stopPropagation()?

Mam tabelę i wewnątrz tej tabeli mam tag img.

Kiedy kliknę tag img, chcę zobaczyć wyskakujące okienko.

Ale chcę też zatrzymać zaznaczanie wielu wierszy, więc używam:

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

Kiedy korzystam z kodu js, wyskakujące okienko nie pojawia się;

Jeśli usunę kod js, wyskakujące okienko będzie działać.

$(".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);
                }
            });
            }
        });
});

Czemu