Question

我有一个文本框，如果您输入并单击该按钮，它将生成一个带有“删除文本”的复选框。

我想知道为什么我的点击功能不起作用，它根本不做任何事情。 smtg是这样的：

$( "#addMemberEmail" ).click(function() {
    if(jQuery.trim($('#mListMemberEmail').val()).length > 0) {
        var checkboxId = "checkbox_" + $('#mListMemberEmail').val(); 
        var checkbox = '<tr><td><input type="checkbox" id="' + 
                         checkboxId + '" value="' + $('#mListMemberEmail').val() + 
                         '" checked/></td><td>' + $('#mListMemberEmail').val() + 
                         '</td><td><div class="btndel" id="abc">delete</div></td></tr>';
        $('#group').append(checkbox);

        //reset textbox
        $('#mListMemberEmail').val('');
    } else {
        alert("Please enter an email address");
    }
});

//why this is does not work?
$( ".btndel" ).click(function() {  
    alert("Aaa");
});

我在这里创建了jsfiddle

http://jsfiddle.net/vABvy/39/

如果您还可以向我显示删除功能，那将会很棒。它应该是你点击删除按钮，它取消复选框取决于点击哪个删除按钮。

Answer 1

去寻找

$(document).on("click",".btndel", function() {  
    alert("Aaa");
});

规避正确链接到元素的任何问题，在脚本尝试链接时可能不会出现在DOM上

Jquery click不适用于动态生成的id

1 个答案: