jquery - 仅在 ajax 成功时启动功能一次

Question

我需要在页面加载后调用一个函数，但只有一次，页面元素由 Ajax 加载，所以$(document).Ready()不起作用。现在我正在使用$(document).AjaxSuccess()但它不合理，因为该函数被调用太频繁，但我只需要一次

Answer 1

您应该在Ajax 函数的回调函数中调用该函数。

例如，如果您使用jQuery Load，您应该这样做：

$(".element").load("/myUrl", function(){
   //add function call here..
});

Answer 2

您可以使用.one() (Docu here)。就像名字说的那样，这只执行一次。

边注：

.Ready()不起作用，它被称为.ready()

Answer 3

$(document).ready(function(){
   $.ajax({
      ....
   });
});

这只会调用一次，因为 ajax 调用只会在第一次加载页面时进行。