javascript - 动态创建元素后点击事件不起作用

Question

我将此用于按钮的单击事件

$(document).on("click", "#feed_show_more_button", function() { 
    var a = $("#feed_show_more_button").attr("name");
    show_more(a);
});

然后在动态创建按钮后，我想将其用作假点击

$("#feed_show_more_button").click();

但它不起作用。

编辑：我意识到 show_more 函数不会触发，除非它包含在 ajax 结果中。我怎样才能使这个功能像全局一样？

Answer 1

我怀疑诊断，因为当我将此代码粘贴到 javascript 控制台（萤火虫）时，控制台会记录“foo my button”

$(document).on("click", "#feed_show_more_button", function() { 
    var a = $("#feed_show_more_button").attr("name");
    console.log("foo",a)
    //show_more(a);
});

$("body").html("<div name='my button' id='feed_show_more_button' style='border:1px solid red;height:100px;width:100px'></div>");

$("#feed_show_more_button").click()

顺便说一句，巧妙的把戏。

Answer 2

而不是假电话：

$("#feed_show_more_button").click();

你可以简单地写：

show_more( $("#feed_show_more_button").attr("name") );

如果show_more可以访问（在范围内可见）当然。