2017-08-18 145 views
0

我有一個使用帶有AJAX過濾器的燈箱產品的woocommerce站點。 要訪問燈箱,當您將鼠標懸停在產品上時,會出現一個快速瀏覽按鈕。AJAX加載後加載javascript

當我加載AJAX過濾器時,燈箱快速查看按鈕不再可點擊。 我需要在AJAX加載後將代碼添加到按鈕。 以下是主題使用的功能。

85: function(t, e) { 
      "use strict"; 
      Flatsome.behavior("quick-view", { 
       attach: function(t) { 
        jQuery(".quick-view", t).each(function(t, e) { 
         jQuery(e).hasClass("quick-view-added") || (jQuery(e).click(function(t) { 
          if ("" != jQuery(this).attr("data-prod")) { 
           jQuery(this).parent().parent().addClass("processing"); 
           var e = jQuery(this).attr("data-prod"), 
            i = { 
             action: "flatsome_quickview", 
             product: e 
            }; 
           jQuery.post(flatsomeVars.ajaxurl, i, function(t) { 
            jQuery(".processing").removeClass("processing"), jQuery.magnificPopup.open({ 
             removalDelay: 300, 
             closeBtnInside: !0, 
             autoFocusLast: !1, 
             items: { 
              src: '<div class="product-lightbox lightbox-content">' + t + "</div>", 
              type: "inline" 
             } 
            }), setTimeout(function() { 
             jQuery(".product-lightbox").imagesLoaded(function() { 
              jQuery(".product-lightbox .slider").flickity({ 
               cellAlign: "left", 
               wrapAround: !0, 
               autoPlay: !1, 
               prevNextButtons: !0, 
               adaptiveHeight: !0, 
               imagesLoaded: !0, 
               dragThreshold: 15 
              }) 
             }) 
            }, 300), jQuery(".product-lightbox form").hasClass("variations_form") && jQuery(".product-lightbox form.variations_form").wc_variation_form(), jQuery(".product-lightbox form.variations_form").on("show_variation", function(t, e) { 
             e.image.src ? (jQuery(".product-lightbox .product-gallery-slider .slide.first img").attr("src", e.image.src).attr("srcset", ""), jQuery(".product-lightbox .product-gallery-slider .slide.first a").attr("href", e.image_link), jQuery(".product-lightbox .product-gallery-slider").flickity("select", 0)) : e.image_src && (jQuery(".product-lightbox .product-gallery-slider .slide.first img").attr("src", e.image_src).attr("srcset", ""), jQuery(".product-lightbox .product-gallery-slider .slide.first a").attr("href", e.image_link), jQuery(".product-lightbox .product-gallery-slider").flickity("select", 0)) 
            }), jQuery(".product-lightbox .quantity").addQty() 
           }), t.preventDefault() 
          } 
         }), jQuery(e).addClass("quick-view-added")) 
        }) 
       } 
      }) 
     } 

回答

1

如果你可以編輯主題,代碼直接寫入成功回調:

jQuery.post(flatsomeVars.ajaxurl, i, function(t) { 
    // Code you want to run 
    // Other code. i.e. jQuery(".processing").removeClass ... etc. 
}); 

或定義的函數,並調用它的成功()回調裏面。

var myFunction = function() { 
    // Code to run after success 
} 
jQuery.post(flatsomeVars.ajaxurl, i, function(t) { 
    myFunction(); 
    // Other code 
}); 
+0

正是我所需要的,問題是我真的不知道我必須運行什麼代碼,在它上面工作! – Joe