无法在jquery中获取动态生成的按钮的id

无法在jquery中获取动态生成的按钮的id,jquery,Jquery,可能重复: $(文档).ready(函数(){ $('#btn')。单击(函数(){ var createInput=$(“”); createInput.attr(“id”,“close1”); createInput.attr(“值”、“关闭”); $('#outer div').append(createInput); }); $(“#关闭1”)。单击(函数(){ 警报(“hi”); }); }); 代码有什么问题。单击名为“关闭”的动态生成按钮时,我没有收到警报。请帮助解决此问题这将

可能重复:

$(文档).ready(函数(){
$('#btn')。单击(函数(){
var createInput=$(“”);
createInput.attr(“id”,“close1”);
createInput.attr(“值”、“关闭”);
$('#outer div').append(createInput);
});
$(“#关闭1”)。单击(函数(){
警报(“hi”);
});
});
代码有什么问题。单击名为“关闭”的动态生成按钮时,我没有收到警报。请帮助解决此问题

这将有效:

    $(document).ready(function(){
        $('#btn').click(function(){

            var createInput=$("<input type='button'>");
            createInput.attr("id","close1");
            createInput.attr("value","close");
            $('#outer-div').append(createInput);
        });

        $(document).on('click', "#close1", function(){
            alert('hi');
        });
    });
因为执行此行时集合是空的,所以它会将事件处理程序添加到nothing中。该函数修复了这个问题

顺便说一句,建议您将脚本放在正文的末尾,而不是头部。

这样可以:

    $(document).ready(function(){
        $('#btn').click(function(){

            var createInput=$("<input type='button'>");
            createInput.attr("id","close1");
            createInput.attr("value","close");
            $('#outer-div').append(createInput);
        });

        $(document).on('click', "#close1", function(){
            alert('hi');
        });
    });
因为执行此行时集合是空的,所以它会将事件处理程序添加到nothing中。该函数修复了这个问题


顺便说一句,建议您将脚本放在正文的末尾,而不是头部。

与本期stackoverflow.com/questions/9484295/…-30分钟前未定义n个问题中的一个与本期stackoverflow.com/questions/9484295/…-30分钟前未定义
$("#close1").click...