ajax-page-load 后没有发生 jQuery 效果

Question

我正在开发我的新网站，我偶然发现了一个愚蠢的问题，但我无法找到解决方案。该概念位于www.ontdek5.nl/index.php 。当您进入页面时，我的微妙 jQuery 效果会“一起滑动”页面。通过导航，用户应该能够浏览不同的页面，其中只有内容部分应该重新加载。目前这可以工作，但 jQuery 效果未执行。

如何实现当用户单击不同的菜单项时运行的 jQuery 效果？我想剪辑内容列，但现在这只发生在初始页面加载时。

Answer 1

就像“The_Butcher”所说，

You could be running all those "animations" in the callback function after you 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 文档非常好。