0

追加された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');
})
4

2 に答える 2

1

空になった後、テーブルのクラスに余分なスペースがある可能性があります。イベントを.table.emptyまたはdocumentの親に変更class='table empty "して委任します。class='table empty"

$(document).on("click",'[class^=table]', function(){
    //$('body').append("<div class='popup'></div>");
    alert('hej');
});
于 2013-03-23T12:29:01.613 に答える
0

あなたはそれを試すことができます：

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

// code here 

alert("call");

});
于 2013-03-23T12:49:05.860 に答える