Magento 中的 jquery/prototype 冲突

Question

这是一个基于 Themeforest 的 Acumen 主题的 Magento 商店。

出乎意料的是，jquery 的东西现在不起作用了。 Acumen 通过 magento 静态 block 加载 jquery，但这些都没有被触及。

昨天我正在努力添加 jquery.clearfield.js 插件以将该功能添加到我们的表单中。我没有修改核心文件。我通过另一个静态 block 加载了clearfield 插件，并将该静态 block 添加到我们的联系CMS 页面。

我当时已登录，并自动填充姓名/电子邮件的登录值，并且在某个时候我以客户身份注销，以在未登录时测试字段值。

由于 jquery 冲突，我无法登录。我已经浏览了代码，我似乎找不到任何会导致此问题的更改，并且我没有修改任何核心或主题文件。

如果您在任何页面上查看源/检查元素，您将看到原型(prototype)和 jquery 错误消息。

任何想法/见解都会有帮助。

谢谢。

Answer 1

如果您想在 local.xml 中包含 jquery 并且没有冲突代码，请使用:

<default>
    <reference name="head">
        <block type="core/text" name="google.cdn.jquery">
            <action method="setText">
                <text><![CDATA[<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">jQuery.noConflict();</script>]]>
                </text>
            </action>
        </block>
    </reference>
</default>

干杯!!

<小时/>

修订版 2:您可能需要编辑 page.xml 并在其中插入 jquery.js 和 noConflict，因为 page.xml 在 local.xml 之前加载。或者，您可以使用 local.xml 删除所有先前的 Prototype js 调用，然后重新添加它们。我发现编辑 page.xml 更容易。

另外，我在让 Action setText 为“var jQuery = jQuery.noConflict();”工作时遇到了麻烦，所以我用该行本身创建了一个单独的 js 文件。不太好，但它是在主 jQuery js 文件加载之后(在 Prototype 之前)加载的