如何在pjax加载之前和之后运行jQuery？

我目前正在使用pjax并且它运行良好，但我需要运行两个jQuery函数，一个在pjax加载新url之前，一个在加载新url之后，我该怎么做？

我尝试过以下两种变体，但似乎都没有用？

第一次尝试：

$("a").pjax("#main").live('click', function(){ //Function Before Load // Function After Load }) 

第二次尝试：

 $("body").on("click", "a", function(){ //Function Before Load $(this).pjax("#main"); //Function After Load return false; }); 

Answer 1

正如他们在他们的文档中所说， pjax为你需要的东西发射了两个事件

pjax会在您要求它将响应主体加载到的容器上触发两个事件：

pjax：start – 在pjax ajax请求开始时触发。

pjax：end – 当pjax ajax请求结束时触发。

和代码示例

 $('a.pjax').pjax('#main') $('#main') .on('pjax:start', function() { //do what you want to do before start }) .on('pjax:end', function() { //after the request ends }); 

Answer 2

 $("body").on("click", "a", function(){ $(this).pjax("#main"); $('a.pjax').pjax('#main') $('#main').on('pjax:start', function() { /* your code before ajax load */ }); $('#main').on('pjax:end', function() { /* your code after ajax load */ }); return false; });