shopify product.liquid 文件中的 Javascript 变量

Question

我正在 shopify 上的 product.liquid 文件中加载 javascript 变量。我也在加载外部 javascript 文件。 这个 javascript 文件使用了我放在液体文件中的变量。 似乎变量在外部 JS 文件中未定义，尽管我给了它们值

Answer 1

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

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

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