如何在magento中添加js

时间:2014-07-15 10:38:34

标签: javascript magento twitter-bootstrap-3

我想将以下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>

3 个答案:

答案 0 :(得分:1)

在local.xml中使用xml更新:

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

路径是magento_root / js /

的相对路径

答案 1 :(得分:1)

有两种方法可以包含js文件 在theme / layout / 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代码来删除它们

答案 2 :(得分:0)

不要忘记将jQuery置于noConflict()模式,因为它会与Magento的本地库发生冲突。另外我建议你不要用$来在你的脚本中声明jQuery。相反,做这样的事情;

$jq = jQuery.noConflict();

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

// do something

});