アドオン「ロード」のアニメーションボタンの後

Question

をクリックして、私はボタンの後にjQueryの機能で「ロード」のアニメーションを追加する必要があるので、

をクリックして、私は次の機能があります。

function get_revpopup_cart(product_id, action, quantity) { 
    quantity = typeof(quantity) != 'undefined' ? quantity : 1; 
    if (action == "catalog") { 
     $.ajax({ 
      url: 'index.php?route=checkout/cart/add', 
      type: 'post', 
      data: 'product_id=' + product_id + '&quantity=' + quantity, 
      dataType: 'json', 

     beforeSend: function(){ 
      $('body').addClass('blur2'); 
      $('#pagefader2').fadeIn(70); 
     }, 
    ............. 

と、このアニメーション： <div class="page_gif_progress_icon"><div class="circle"></div></div>

ボタン：<a onclick="get_revpopup_cart('103', 'catalog', '1');" data-toggle="tooltip" title="В корзину"><i class="fa fa-border fa-shopping-basket"><span class="prlistb">add in cart</span></i>

私はOPEだろう「ロード」アニメーションbefore $('body').addClass('blur2');を追加する必要がありますNアップ機能が

おかげ

Answer 1

私は申し訳ありませんが、あなたのソリューションが私のために動作しません。 私はこの問題をこのように解決：

function get_revpopup_cart(product_id, action, quantity) { 
    quantity = typeof(quantity) != 'undefined' ? quantity : 1; 
    if (action == "catalog") { 
     $.ajax({ 
      url: 'index.php?route=checkout/cart/add', 
      type: 'post', 
      data: 'product_id=' + product_id + '&quantity=' + quantity, 
      dataType: 'json', 

     beforeSend: function(){ 

      $('body').append('<div class="page_gif_progress_icon"><div class="circle"></div></div>').addClass('blur2'); 
      $('#pagefader2').fadeIn(70); 
     }, 

と私は申し訳ありませんが、あなたのソリューションが私のために動作しません。この$(".page_gif_progress_icon").remove();

Answer 2

それはあなたが必要なものであるかどうかわからないが実行されたとして、後に消える：

function get_revpopup_cart(product_id, action, quantity) { 
    //create reference to your loading animation node 
    var preloader = $('<div>') 
        .addClass('page_gif_progress_icon'). 
        .append($('<div>').addClass('circle')); 
    quantity = typeof(quantity) != 'undefined' ? quantity : 1; 
    if (action == "catalog") { 
    $.ajax({ 
     url: 'index.php?route=checkout/cart/add', 
     type: 'post', 
     data: 'product_id=' + product_id + '&quantity=' + quantity, 
     dataType: 'json', 

     beforeSend: function(){ 
      //add your preloader 
      $('body').append(preloader); 
      $('body').addClass('blur2'); 
      $('#pagefader2').fadeIn(70); 
     success: function (data) { 
      //do stuff with data and remove node 
      preloader.remove(); 
     } 
    },