Auslösen von ajaxStart() onclick auf einer Schaltfläche

Question

Ich versuche, Ajaxstart() auszulösen, wenn eine Schaltfläche mit einer Klasse angeklickt wird, aber es funktioniert nicht, würde jede Rückmeldung geschätzt werden.

Danke.

Code:

$('.search-btn').ajaxStart(function() { 
     $('#spinner').show(); 
    }).ajaxComplete(function() { 
     $('#spinner').hide(); 
    }); 

Answer 1

Bit verwirrt, was in Ihrem Beispiel geschieht. Aber ich habe geschrieben, was ich denke Sie tun möchten.

$('.search-btn').on('click', function() { 
    $(this).ajaxStart(function(){ 
     $('#spinner').show(); 
    }).ajaxComplete(function() { 
     $('#spinner').hide(); 
    }); 
}); 

Answer 2

$.ajaxStart() und $.ajaxComplete() sollte $(document) angebracht werden. Siehe $.ajaxStart()

Ab jQuery 1.9, alle Handler für die jQuery global Ajax events, einschließlich solcher mit der Methode .ajaxStart() hinzugefügt, muss zu document angebracht werden.

$(document).ajaxStart(function() { 
     $("#spinner").show(); 
    }).ajaxComplete(function() { 
     $("#spinner").hide(); 
    });