jQuery onPropagation不适用于.getJSON（）

Question

I have a table. When I click on a cell, it creates rows below it that show the next-level-down detail, using a .click() event listener for that class. It does this with a .getJSON() call, that I then use to populate the rows that follow. I added the following .newtable class to each new (sub-detail) row. At the bottom of my page I have the following, so if you click anywhere on the page it closes these sub-detail rows:

$('html').click(function(){
    $('.newtable').remove();        
});

However, I don't want it to close the sub-detail if the user clicks in one of the newly opened cells, so I tried both of the following with no avail... is it b/c the rows are being added after the page loads or something?

$('.newtable td').click(function(e){
    e.stopPropagation();
});

and

$(document).ready(function(){
    $("table .newtable").on("click","td",function(e){
        e.stopPropagation();
    });
});

Any help is greatly appreciated!

Answer 1

I think this should work for you without the other two code snippets you're trying.

$('html').click(function(event){
    if($(event.target).hasClass('newtable') || $(event.target).parents('tr').first().hasClass('newtable')){
        return;
    } else {
        $('.newtable').remove();        
    }
});