AJAX Loading Icon

Question

次のAJAXを使用して、投稿内容をライトボックスにプルします。すべての作品は素晴らしいですが、少し遅いです。誰も私に次のコードにローダーアイコンを追加するためのいくつかのポインタを与えることができますか？

ありがとうございました！

  jQuery(document).ready(function ($) { 

       $(".getpostidlink").unbind('click'); 

       $(".getpostidlink").mouseover(function (event) { 
        $(".getpostidlink").unbind('click'); 
        var postlinkid = $(this).data("postid"); 
        var data = { 
         action: 'getpostidhref_action', 
         security: getpostidhref.security, 
         postdata: postlinkid, 
         complete: function() { 
          $(".getpostidlink").unbind('click'); 
         } 
        }; 
        $.post(getpostidhref.ajaxurl, data, function (response) { 
         $(".getpostidlink").colorbox({ 
          inline: true, 
          width: "90%", 
          maxWidth: 800, 
          open: false, 
          onClosed: function() { 
           window.location.reload(); 
          } 
         }) 
         $("div.dynamicloadcontent").replaceWith(response); 
        }); 
       }); 
      }); 

Answer 1

あなたはAJAX方式のためのjQueryのドキュメントをチェックすると、あなたはここに助けるために含めることができるのparamsのカップルがあります。

特に、beforeSendとcompleteを使用すると、ajaxが完了する前後に読み込みアイコンを表示したり非表示にすることができます。

詳細はこちらをご覧ください：

http://api.jquery.com/jquery.ajax/