Wie wird jQuery vor und nach einem PJAX-Ladevorgang ausgeführt?

Question

Ich benutze derzeit pjax und es funktioniert gut, aber ich muss zwei jQuery-Funktionen ausführen, eine vor pjax lädt die neue URL und eine nach der neuen URL geladen wird, wie kann ich das tun?

Ich habe die folgenden zwei Varianten versucht, aber keiner scheint zu funktionieren?

Erster Versuch:

$("a").pjax("#main").live('click', function(){ 

    //Function Before Load 
    // Function After Load 
}) 

Zweiter Versuch:

$("body").on("click", "a", function(){ 

    //Function Before Load 

    $(this).pjax("#main"); 

    //Function After Load 

    return false; 
}); 

Answer 1

Wie sie sagt, in ihrem doc herepjax Brände zwei Ereignisse für das, was Sie brauchen,

pjax werden zwei Ereignisse ausgelöst auf dem Container haben Sie es aufgefordert, Ihre Antwort Körper Int laden o:

pjax: start - Wird ausgelöst, wenn eine pjax ajax-Anfrage beginnt.

pjax: end - Wird ausgelöst, wenn eine pjax ajax-Anfrage endet.

Und das Codebeispiel für diesen

$('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; 
});