jquery - Magento:简单的 jQuery 问题

Question

我有一个使用 jQuery 的 magento 主题，它运行时没有任何问题。当我尝试添加更多 jQuery 文件供我在每个页面上添加的自定义 html 代码使用时，问题就出现了。

我在 head.phtml 中添加了我的 jQuery 文件(位于:app/design/frontend/default/MY_THEME/template/page/html/head.phtml)

这是我对 head.phtml 文件所做的添加(使用方法 suggested here ):

<!-- adding jQuery -->
<script type="text/javascript" src="http://www.boozzr.com/jq/jquery.cookie.js"></script>
<script type="text/javascript" src="http://www.boozzr.com/jq/jquery.cycle.all.latest.js"></script>
<script type="text/javascript" src="http://www.boozzr.com/jq/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
     var $j = jQuery.noConflict();
//]]>
    </script>

<!-- ************* -->

我尝试使用的 jQuery 文件是:

1. jquery.cookie.js
2. jquery.cycle.all.latest.js
3. jquery.min.js

现在，我在 Chrome 控制台中收到以下错误:

• Uncaught ReferenceError :jQuery 未定义jquery.cookie.js，第 72 行。

• Uncaught ReferenceError :未定义 jQuery
jquery.cycle.all.latest.js，第 10 行。

• 未捕获类型错误:对象 [object Window] 的属性“$s”不是
此行的函数:
  中的$s(document).ready(function(){....}我试图将其包含在每个页面上的自定义 html 代码。

另一方面:

Here is我的主题正在使用 jquery 文件的示例，它运行没有任何问题。

Answer 1

导入 jQuery 脚本后，您应该导入使用 jQuery 的脚本。

<script type="text/javascript" src="http://www.boozzr.com/jq/jquery.min.js"></script>
<script type="text/javascript" src="http://www.boozzr.com/jq/jquery.cookie.js"></script>
<script type="text/javascript" src="http://www.boozzr.com/jq/jquery.cycle.all.latest.js"></script>