动画在第二个ajax调用中不起作用

Question

我有一个通过ajax调用显示的主页和子页面。 当我单击菜单并加载一个子页面时，我将在其中放好动画：

$(document).ready(function(){
  $(".transactions").on("click", function (something) {
    something.preventDefault();
    $(".alltransactions").hide().show();
  });

  $(".alltransactions").on("click", function (something2) {
    something2.preventDefault();
    $(".alltransactions").hide();
  });
});

但是当我再次通过ajax返回主页和加载子页面时，以上动画不再起作用。 我必须刷新整个页面才能使其重新工作。 问题出在哪儿？

Answer 1

如果您不希望将click事件包装在函数内，则只需在成功函数上调用它就可以触发这两个事件。

jQuery：

     $.ajax({
        url: '',
        data: ,
        success: function (response) {
           $(".transactions").click();
           $(".alltransactions").click();
        },
        error: function () {

        }
    });