I found this answer How to show loading spinner in jQuery? and used it for my "waiting" spinner. Works perfectly in Firefox, but does not work at all in chrome. I am using jquery cdn from google, version 1.11.1. here is the code for my .ajaxStart/Stop:
var $loading = $('#loading').hide();
$(document).ajaxStart(function() {
$loading.show();
$('#buy').attr("disabled", true);
$('#process').attr("disabled", true);
})
.ajaxStop(function() {
$loading.hide();
});
How do I get it to work in all the browsers? I am running the latest version of chrome Version 38.0.2125.111 m
EDIT: Here is the div that my spinner lives in:
<div id="loading">
<img src='../images/loading.gif' />
</div>
Not sure if that is relevant or not but wanted to give as much info as I could. Just for yuks, I added alerts to the start and stop functions, and they both fire as expected. When the alert in the stop function fires, my spinner is there. If that is the case, why does it not show as expected?