Question

我尝试在附加的div元素上使用.click时出错，所以我尝试使用.on，但它没有解决它。这段代码中的最后几行出了什么问题？

元素.table是令人沮丧的：

    $('#mapH').focusout(function(){
    var i = 0;
    while (i < $('#mapH').val()) {
        $('#mapCreator').append("<div class='row'></div>");

        var j = 0;
        while(j < $('#mapW').val()) {
            $('.row').last().append("<div class='table empty "+i+"-"+j+"'></div>");
            j++;
        }
        i++;
    }
    $('.table').css("width", 100/$('#mapW').val()+"%");
    $('.row').css("height", $('.table').width());
})



$('.table').on("click", function(){
    //$('body').append("<div class='popup'></div>");
    alert('hej');
})

Answer 1

空表后你可能在表类中有额外的空间。将class='table empty "更改为class='table empty"并将事件委托给.table.empty或document的父级。

$(document).on("click",'[class^=table]', function(){
    //$('body').append("<div class='popup'></div>");
    alert('hej');
});

Answer 2

你可以尝试一下：

$("div .table").click(function(){

// code here 

alert("call");

});

.click错误附加元素，即使是.on

2 个答案: