Question

我目前在使用 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

正如他们在文件中所说,“https://github.com/defunkt/jquery-pjax><这里pjax 点燃了两件你需要的东西。

pjax will fire two events on the container you ve asked it to load your reponse body into:

pjax: 启动 - 当 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;
});

友情链接