Jquery 与 Magento 原型冲突

Question

我想在 magento 产品页面中使用 Foundation 5 Reveal 模式。

我在页脚中添加了 jquery 和 Foundation.js，并从 footer.phtml 调用 Foundation

<script src="js/vendor/jquery.js"></script>

<script src="js/foundation.min.js"></script>

<script>

  $(document).foundation();

</script>

并在head.phtml中添加了modernizr和css文件

 <link rel="stylesheet" href="css/foundation.css" />
 <script src="js/vendor/modernizr.js"></script>

然后我在产品页面上添加了标记，效果很好。但它与 magento 原型冲突。

然后我刚刚完成jQuery.noConflict(); 然后显示模型停止工作。我以为我是因为我同时加载了两个版本，所以我删除了 jquery lib 中的构建，然后原型再次停止工作。

我还处理了从 head 到 local.xml 、 page.xml 的 jquery 调用，但没有运气！

错误代码：未捕获的 TypeError：无法读取未定义原型的属性“配置”：828

有人知道我在做什么问题或错误吗？

提前非常感谢！

Answer 1

两件事可能会有所帮助：

1. 拨打noConflict 的位置很重要。如果您网站的其余部分使用 PrototypeJS，那么我会这样做：

   <script src="js/vendor/jquery.js"></script>
   <script>jQuery.noConflict();</script>
   <script src="js/foundation.min.js"></script>
   

2. 已经完成noConflict，当你想使用jQuery时，你必须使用jQuery*而不是$：

   <script>
   
     jQuery(document).foundation();
   
   </script>
   

---

(* 你没有有，你可以使用noConflict的返回值来创建一个别名。例如var $j = jQuery.noConflict();会让你使用$j而不是@ 987654331@.)