shopify目录中的某种JS冲突答案

【问题标题】：Some kind of JS conflict in shopify catalogshopify目录中的某种JS冲突
【发布时间】：2014-03-18 01:51:33
【问题描述】：

使用 Shopmusic 主题作为基础。

尝试在主页上显示所有产品。当我将 collection.liquid 代码移动到索引时（就像教程中所说的那样）-javascript 停止工作。当您将集合/全部或任何其他集合作为集合时，它可以完美运行。当我将某个集合分配给某个页面时，产品网格的 JS 将停止在该页面上工作。

更准确地说，灯箱不起作用，雨伞滞后（当您将产品添加到购物车时，链接只是将您发送到购物车页面而不是简单地更新数字）

搜索了一段时间，我想，这很可能是某种 JS 冲突。但是，无法弄清楚有什么冲突。

【问题讨论】：

【解决方案1】：

链接的集合页面显示索引模板上不存在的脚本。确保主题包括主页上的那些脚本。这并不意味着没有冲突，但请先排除此错误。

很有可能你在 theme.liquid 中遇到了这样的情况：

{% if template contains 'collection' %}
   <script src="your-script"></script>
{% endif %}

您应该扩展它以包括主页：

{% if template contains 'collection' or template == 'index' %}
   <script src="your-script"></script>
{% endif %}

【讨论】：

【解决方案2】：

尝试将 $ 符号替换为 jQuery 以避免 javascript 冲突...

【讨论】：