在Shopify的產品模板中寫入jQuery

我試圖在Shopify中獲取產品的變體ID並將其傳遞給jQuery。但我無法在（Sections/product-template.liquid）中編寫腳本。瀏覽器提供的錯誤「未捕獲的ReferenceError：jQuery是沒有定義」在Shopify的產品模板中寫入jQuery

我在產品template.liquid年底寫這個代碼。

<script> 
jQuery(function($) 
{ 
    $current_variant_id = {{ product.selected_variant.id }}; 
    $interval = setInterval(function() 
    { 
     if($('.product-single__thumbnail-item.slick-slide.slick-active.is-active').length > 0) 
     { 
      if(!($('.product-single__thumbnail-item[data-variant="'+$current_variant_id+'"]').hasClass('is-active'))) 
      { 
       $('.product-single__thumbnail-item.slick-slide.slick-active.is-active').removeClass('is-active'); 
       $('.product-single__thumbnail-item[data-variant="'+$current_variant_id+'"]').addClass('is-active'); 
      } 
      clearInterval($interval); 
     } 
    },1); 
}); 
</script>

我在做什麼錯在這裏？任何指導將不勝感激。謝謝！

來源

2017-10-20 Mohammad Kazim

什麼樣的順序，你加載你的腳本？ – kemotoe

我在.liquid文件中寫這個腳本。訂單在這裏很重要嗎？因爲它可以在Wordpress中完美運行！ –

檢查jQuery是否在您的腳本之前加載或添加在它之前... –

這個簡單的答案是讓你確保你的Javascript庫加載到theme.liquid頭元素中。這可以確保您可以使用該庫中的$變量。

來源

2017-10-21 00:54:30

這可能是你沒有在你的商店網站上使用jQuery。最簡單的方法是編輯您的theme.liquid以在每個頁面中包含jQuery。只要把下面的權利之前</head>標籤是ok了script標籤：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

來源

2017-10-25 03:52:34

在Shopify的產品模板中寫入jQuery

回答

相關問題