Shopify - 在内联部分/片段脚本中使用您的 JS 库等
Shopify - using your JS libraries etc in inline section / snippet scripts
我想在文件中的特定部分使用脚本(在这种情况下,在我的 collection-template.liquid 中,但它可以是任何部分)- 我想将脚本放在底部文件。但是,当您以这种方式使用内联脚本时,它们似乎不会引用您保存在主题中的其他库。
在我的示例中,我希望能够在此脚本中使用 jQuery,但 jQuery 似乎并未加载 - 即它无法识别任何 jQuery或任何其他图书馆。它确实适用于 theme.js,但我需要此脚本仅在 section/snippet 中。我需要脚本是内联的,因为它使用液体 - 在这种情况下将它移动到 theme.js 不是一个选项。
任何人都可以推荐一个包含这些库的解决方案(可能就像包含对 vendor.js 文件或其他文件的引用一样简单)- 如果可能的话,请解释为什么这些库没有作为标准引用?因为这个问题甚至存在对我来说似乎很奇怪。我正在使用 Debut 主题。
我似乎已经通过在结束 </head>
标记之前立即声明 jQuery 脚本(通过插入以下内容)来解决此问题。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
jQuery 现在首先加载,并在片段等中工作。
我想在文件中的特定部分使用脚本(在这种情况下,在我的 collection-template.liquid 中,但它可以是任何部分)- 我想将脚本放在底部文件。但是,当您以这种方式使用内联脚本时,它们似乎不会引用您保存在主题中的其他库。
在我的示例中,我希望能够在此脚本中使用 jQuery,但 jQuery 似乎并未加载 - 即它无法识别任何 jQuery或任何其他图书馆。它确实适用于 theme.js,但我需要此脚本仅在 section/snippet 中。我需要脚本是内联的,因为它使用液体 - 在这种情况下将它移动到 theme.js 不是一个选项。
任何人都可以推荐一个包含这些库的解决方案(可能就像包含对 vendor.js 文件或其他文件的引用一样简单)- 如果可能的话,请解释为什么这些库没有作为标准引用?因为这个问题甚至存在对我来说似乎很奇怪。我正在使用 Debut 主题。
我似乎已经通过在结束 </head>
标记之前立即声明 jQuery 脚本(通过插入以下内容)来解决此问题。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
jQuery 现在首先加载,并在片段等中工作。