Jquery – 从使用函数创建的按钮调用函数

这适用于Jquery：

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

但是，如果我尝试从使用以下创建的按钮访问go函数，则会失败。

 $(".new").click(function() { $.ajax({ url: $(this).attr("data-value"), success: function(data, textStatus, xhr) { $('#DIV').html(''); } } }); }); 

当另一个function点击function完成时，使用此代码。

有什么理由吗？

谢谢

Answer 1

事件处理程序仅绑定到当前选定的元素; 它们必须存在于您的代码进行事件绑定调用时页面上。

委托事件的优点是，它们可以处理来自稍后添加到文档的后代元素的事件。

在您动态创建按钮时。

您需要使用事件委派 。 您必须使用委托事件方法使用.on（） 。

即

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

理想情况下，您应该用最近的静态容器替换document 。

例

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