ajax-page-load之后的jQuery效果不会发生

Question

我在我的新网站上工作，我偶然发现了一个愚蠢的问题，我无法找到解决方案。该概念位于www.ontdek5.nl/index.php。当你进入页面我的subtile jQuery效果'滑动'页面。从导航中，用户应该能够浏览仅重新加载contentpart的不同页面。目前这可行，但jQuery效果不会被执行。

如何在用户点击其他菜单项时实现jQuery效果？我想剪切内容列，但现在只在初始页面加载时发生。

Answer 1

就像“The_Butcher”所说的那样，

  

您可以在AJAX GET

之后在回调函数中运行所有这些“动画”

jQuery有一套很好的功能（$.ajax()，$.get()，$.post()）。每个jQuery的AJAX函数都包含一个成功的可选回调函数，这将是您放置HTML加载代码的地方。这是一个代码示例：

$(document).ready(function(){
  //use the jQuery ajax function to get your HTML
  $.get({
    dataType: "html",
    url: "ajax.ServePage.php?pageID=" + pageID,
    success: successFunction,
    error: errorFunction,
  });
});

function successFunction(data, textStatus, xmlHttpResponse) {
  //code to update your HTML
  $("body").html(data);
}

function errorFunction(xmlHttpResponse, textStatus) {
  alert("Data load error");
}

如果您想了解更多信息，jQuery文档非常好。