javascript - 如何为ajax返回的html标签注册事件？

Question

我是 jquery 的新手，所以我不知道我是否正确地为问题命名。对于回发 html 标记，我可以注册以下事件：

$(document).ready(function () {
 $(":input[data-autocomplete]").each(function () {
 ...});

现在我需要允许用户单击按钮以通过触发 ajax 调用来添加更多项目，并附加包含新项目标记的服务器响应：

$(this).click(function(){
     $.get("my url", {}, function (data) {$("#xxx").append(data);});
     });

我的问题是：现在返回的“数据”中有一些带有属性 [data-autocomplete] 的新标记，我该如何为它们进行相同的事件注册？谢谢！

Answer 1

尝试使用on委托事件：http ://api.jquery.com/on/

$(document).on("click", ":input[data-autocomplete]", function(event){
   alert($(this).val());
});

Answer 2

你的意思是：附加内容包括一些新的输入，你需要在附加它们后注册事件如下？

$(this).click(function(){
    $.get("my url", {}, function (data) {
        $("#xxx").append(data);
        $("#xxx").find(":input[data-autocomplete]").each(function () {
        ...});
    });
});