如何在magento中添加js

Question

我想添加以下js到我的magento网站。

如何添加？

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>

和

<script>
  $(document).ready(function(){
    $('.carousel').carousel();
  });
</script>

<script>
  $(document).ready(function(){
    $('.carousel').carousel({
      interval: 2000
    });
  });
</script>

Answer 1

在local.xml中使用xml更新：

<reference name="head">
    <action method="addJs"><script>path/to/script.js</script></action>
</reference>

路径是magento_root/js/的相对路径

Answer 2

有两种方法可以包含js文件:在主题/ local.xml /local.xml中创建布局，然后使用

<default>
<reference name="head">
    <action method="addJs"><script>path/to/script.js</script></action>
</reference>


</default>

或者，您可以简单地在.phtml中添加js，但这样会产生一些冲突，您可以通过创建js变量并将该变量传递给carousel js代码来消除冲突

Answer 3

不要忘记将jQuery设置为noConflict()模式，因为它将与Magento的本地库发生冲突。另外，我建议您不要在脚本中使用$来声明jQuery。相反，做一些像这样的事情；

$jq = jQuery.noConflict();

$jq(document).ready(function() {

// do something

});