Jquery ajaxStart doesnt get triggered

Question

This code

$(\"#loading\").ajaxStart(function() {
        alert(\"start\");
        $(this).show();
    });

in my mark-up

&l         


        

Answer 1

Starting jQuery 1.9, AJAX events should be attached to document only.

Refer migration guide. http://jquery.com/upgrade-guide/1.9/#ajax-events-should-be-attached-to-document

As of jQuery 1.9, the global AJAX events (ajaxStart, ajaxStop, ajaxSend, ajaxComplete, ajaxError, and ajaxSuccess) are only triggered on the document element. Change the program to listen for the AJAX events on the document. For example, if the code currently looks like this:

$("#status").ajaxStart(function() { 
   $(this).text("Ajax started"); 
});

Change it to this:

$(document).ajaxStart(function() {
   $("#status").text("Ajax started");
});