JQuery функция ajaxStart и функция ajaxComplete не будет работать в IE7 и IE8

Question

Привет экспертов StackOverflow Jquery,

У меня есть проблема на моей функции ajaxStart и функции ajaxComplete, он не будет работать на IE7 и IE8, но прекрасно работает ie9. ниже мой код. Надеюсь, ты можешь помочь мне в этом. Заранее спасибо.

$('#findAcademy').bind('keyup', function() { 
    $(".loader").ajaxStart(function(){ 
     $(this).show(); 
    }).ajaxComplete(function(){ 
     $(this).hide(); 
    }); 

    $.ajax({ 
     url: "findBook.php?action=populateacademy&query="+this.value+"", 
     cache: false, 
     dataType: "json", 
     success: function(data) { 
     $.each(data.items, function(i,item){ 
      $("#viewAcademy").append('<div class="nameWrapper"><input name="checkMeT" type="checkbox" value="'+item.bookId+'|::|'+item.bookName+'"/><span title="'+item.bookName+'" class="checkBoxSpan">'+item.bookName+'</span></div>'); 
     }); 
    }}); 
}); 

Answer 1

Попробуйте это,

$(document).ajaxStart(function() { 
    $('.loader').show(); 
}).ajaxStop(function() { 
    $('.loader').hide(); 
}); 

попробовать этот путь

$('.loader').show(); 
$.ajax({ 
     url: "findBook.php?action=populateacademy&query="+this.value+"", 
     cache: false, 
     dataType: "json", 
     success: function(data) { 
      $('.loader').hide(); 
     $.each(data.items, function(i,item){ 
      $("#viewAcademy").append('<div class="nameWrapper"><input name="checkMeT" type="checkbox" value="'+item.bookId+'|::|'+item.bookName+'"/><span title="'+item.bookName+'" class="checkBoxSpan">'+item.bookName+'</span></div>'); 
     }); 
    }});