jquery - Magento 显示 jQuery 相互冲突

Question

我是 Magento 的新手。我用过banner rotaor script显示横幅。由于我必须在每个页面中显示横幅，这就是为什么我在 header.phtml 文件中实现了 slider ，以便我可以在每个页面中显示横幅。所以在 header.phtml 中我的 slider 代码是这样的

    <script language="javascript">
         jQuery.noConflict();
        jQuery(document).ready(function(){
          bannerRotator('#bannerRotator', 500, 5000, true);
        });
      </script>
<div id="bannerRotator">
  <?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('homepageslider')->toHtml(); ?>
</div>

这里 slider 运行良好，但是当我在 Firefox 中查看控制台选项卡时，出现了一些错误。这是控制台选项卡错误的图像。 为了解决所有问题，我用谷歌搜索并发现 jQuery 是冲突的。因此，为了清楚起见，我使用了 jQuery.noConflict 并将所有 $ 删除到 jQuery 中。但我仍然遇到同样的问题。任何帮助和建议都将非常感激。谢谢

实时站点可以找到here

Answer 1

将 jquery.noConflict 包含在 app/design/frontend/default/[主题名称]/template/page/html/head.phtml 文件中。

您想在包含 jquery 之后、getCssJsHtml() 之前添加此内容

我在实现中更进一步，将其调用为 $j var，但您可以这样做或只实现 jquery.noConflict();

如果您使用 var $j，那么所有 jQuery 调用都将使用该对象。

我这样做了:

!-- adding jQuery -->
<script type="text/javascript"     src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
//<![CDATA[
     var $j = jQuery.noConflict();
//]]>
</script>
<!-- ************* -->

<?php echo $this->getCssJsHtml() ?>

在 header.phtml 中，您需要像这样调用 slider :

<script language="javascript">
$j(document).ready(function(){
          bannerRotator('#bannerRotator', 500, 5000, true);
        });
</script>