动画不适用于第二次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 () {

        }
    });