Question

我需要你帮助解决这个问题：

我在index.php文件中使用ajax执行此操作：

$.ajax({
                type: "POST",
                url: "ajax/newTask.php",
                success: function(reponse){

                    $("#containerSidebarRight").prepend(reponse);

                }
            });

这是我的newTask.php文件：

<div class="test">
Hello, i'm a test              
</div>

效果很好。我需要做的是将此函数绑定到测试类。

$(".test").click(function(){
      alert("test");
    });

如果我在index.php中设置了这个功能，它就不起作用，因为该功能没有绑定到用ajax加载的内容。

如果我在newTask.php中设置了这个函数，那么每次进行ajax调用时我都会在代码中获得该函数并且它没有真正优化。

做我想做的最佳解决方案是什么？

谢谢：）

Answer 1

看起来您想要在尚不存在的元素上设置事件处理程序。在这种情况下，请使用delegation：

$(document).on("click", ".test", function(){
  alert("test");
});

Answer 2

$(document).on("click",".test", function () {
}

应该这样做。

如何将JS函数绑定到使用ajax调用的内容？

2 个答案: