jquery - 如何在每个 Ajax 请求上重复一个函数

Question

所以我有这个转换代码作为示例，但基本上我的页面上有 3 个加载不同 html 文件的按钮。当我单击第一个按钮时，.ajaxSend 中的功能正常工作。单击下一步按钮加载不同的 html 文件后，.ajaxSend 函数不起作用，但 html 文件加载正常。

我是否遗漏了一些东西，或者有没有一种方法可以基本上设置该功能，以便每次加载 html 文件时它都会重置。

$('a').click(function(){
  var page = $(this).attr('href');
  $("#content").hide().load(page).fadeIn('500');

  return false;
});

$( document ).ajaxSend(function() {
  setInterval(function () {
       $('body').css('transform', 'rotate(360deg)');
   },300);
});

Answer 1

360度旋转是从原位置(0deg)开始旋转。所以一旦它被旋转，它就不会做任何其他事情。您需要自己添加额外的旋转。为此，您可以存储一个保存旋转的变量，并在每次调用 ajaxSend 时将其增加 360 度。

let rotation = 0;
$( document ).ajaxSend(function() {
       rotation += 360;
       $('body').css('transform', 'rotate(' + rotation + 'deg)');
});