jquery - jQuery Fancybox が最初の ajax リクエストで機能しない

Question

jQuery fancybox を使用して、ajax リクエストの読み込みアニメーションを表示および非表示にしています。

$(function(){
  $.ajaxSetup({
    beforeSend: function() {
      $.fancybox.showLoading();
    },
    complete: function(){
      $.fancybox.hideLoading();
    }
  });
});

最初の ajax リクエストでは機能しません。ただし、後続のリクエストでは機能します。以前にこの問題に直面した人はいますか?

Answer 1

適切なグローバルajaxイベントを使用することをお勧めします。

$(document).ajaxStart(function(){
    $.fancybox.showLoading();
}).ajaxStop(function(){
    $.fancybox.hideLoading();
});