如何通过jquery在ajax表单按钮中创建click事件

Question

我在现有页面中通过ajax获取表单。当我想通过jquery点击事件按钮时它不起作用

Iam根据该值制作onchange事件iam通过现有的ajax获得结果我有一个按钮。我试图用jquery在现有页面中制作click事件  像

<button class="del" value="2">   Delete  </button> 

此按钮来自ajax，因此可以使点击事件如下。
按钮类名是del

$(document).ready(function(){   
    $(".del").click(function(){   
        alert($(this).val());   
    });   
});   

通过javascript我可以这样做

onclick="javascript:delete()"  

<button class="del" onclick="javascript:delete()" value="2">Delete</button>

是否可以通过jquery在ajax按钮上进行click事件？     我用过（点击）但它不能正常工作

$(".del").on("click",function(){ 
    alert($(this).val());  
}); 

感谢和安培;问候

Answer 1

尝试：

$(document).on("click", ".del", function(){ 
    alert($(this).val());  
});

说明：

当您致电$(".del").on("click",function(){ ... });时，该事件将“绑定”到现在的所有.del。

但是，当你通过Ajax添加它们时，它们仍然存在。通过将事件绑定到document（使用$(document).on("click", ".del", function(){ ...），将捕获现有和未来.del的所有点击。