Shopify-Ja​​vaScript之前是否進行液體處理？

Question

我正在嘗試使用javascript調用shopify資產url，將字符串動態連接到液體代碼中，但是會引發錯誤。 我認為Liquid必須在JS之前進行處理。

function loadProductThumbnails(size) {
  $(".hammock-thumbnail1 img").attr("src", "{{ \'"+size+"-side-main-image.png' | asset_img_url: '150x150' }}");
}

這可能嗎？ 我正在處理一千多個圖像，不得不鍵入每個液體圖像url才能分別生成。 如果可以動態地執行此操作，則可以將代碼縮減很多。 謝謝！

Answer 1

Liquid是在服務器端呈現的，因此您無法將JS var集成到Liquid字符串中。

您可能會做一些事情，例如使用{％capture％}捕獲Liquid變量的一部分，然后將其用作var。

Answer 2

 function loadProductThumbnails(size) {
   $(".hammock-thumbnail1 img").attr("src", ""+size+"-side-main-image.png");
 }



 the `src` attribute maybe is not correct?