AJAX加載圖標

我正在使用以下AJAX將一些帖子內容拉入燈箱。所有的作品都很棒，但速度有點慢。任何人都可以給我一些指針，添加一個加載器圖標到下面的代碼？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); 
        }); 
       }); 
      });

來源

2016-05-13 dmt

檢查該鏈接http://stackoverflow.com/questions/14859437/how-to-manually-make-the-colorbox-loading-gif-appear ，http://stackoverflow.com/questions/5412263/colorbox-show-simulate-loading-animation-for-inline-content –

如果您檢查ajax方法的jQuery文檔，有幾個參數可供您在此處幫助。

具體而言，您可以使用beforeSend和complete在ajax完成之前和之後顯示和隱藏加載圖標。

這裏看到更多的信息：

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

來源

2016-05-13 13:00:38

回答

相關問題