jQuery的 - 调用从一个函数创建一个按钮功能(Jquery - Calling a Funct

2019-10-30 11:00发布

这部作品在jQuery的:

<input type="button" class="go" value="GO" />

$(".go").click(function() {
$("#test").html("TEST TEST TEST");
});

但是,如果我尝试使用访问从创建一个按钮去功能失败以下。

$(".new").click(function() {
$.ajax({
        url: $(this).attr("data-value"),
        success: function(data, textStatus, xhr) {
        $('#DIV').html('<input type="button" class="go" value="go" />');
    }
}
 });
});

另一个功能点击功能完成时该代码使用。

有什么理由?

谢谢

Answer 1:

事件处理程序是仅结合到当前选择的元素; 他们必须在你的代码,使事件绑定调用时存在的页面上。

委托事件有优势,他们可以处理来自被添加到该文件在稍后的时间后代元素的事件。

当你在动态创建按钮。

您需要使用事件代表团 。 你必须使用。对()使用授权事件的方法。

$(document).on('event','selector',callback_function)

理想情况下,你应该更换document与最接近的静态容器。

$('#DIV').on('click', '.go', function () {
    //Your Code     
});


文章来源: Jquery - Calling a Function from a button created with a function