shopify product.liquid文件中的Javascript变量

Question

我正在shopify的product.liquid文件中加载javascript变量，同时也在加载外部javascript文件。这个javascript文件使用的是我放入液体文件中的变量。尽管我为变量提供了值，但似乎这些变量在外部JS文件中仍未定义

Answer 1

渲染Liquid时，可以填充JS变量。问题是，在尝试使用或访问它之前，您需要等待DOM下载并将所有呈现的代码传递给浏览器。在尝试访问变量之前，请确保您正在正确等待。

在像jQuery这样的通用JS库中，您可以使用此代码块包装代码：

document.addEventListener('DOMContentLoaded', function() {
    // stuff
});