jquery 后更改功能未触发

Question

在对页面发出 ajax 请求后，我有一些由 jquery 附加的下拉列表。他们都有 class counter。现在我想为他们设置一个更改功能，但它根本不起作用。我的 jquery 版本是 1.9.1。我试过这些：

$(".counter").on("change",function () {
    alert("ok");
});

和

$(".counter").change(function () {
    alert("ok");
});

Answer 1

您的内容是动态添加的，因此您必须使用 jQuery on 来获取动态内容。

$(document).on("change",".counter",function () {
    alert("ok");
});

对于 jQuery 1.7+，您可以使用 .on() 将事件处理程序附加到父元素，并将 class 选择器与 'document' 组合作为参数传递。

Change function not firing in jquery