如何在magento中添加js

How to add js in magento

本文关键字：添加 js magento      更新时间：2023-09-26

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

在local.xml中使用xml更新:

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

路径是来自magento_root/js/

的相对路径

有两种方式包含js文件在主题/布局/local.xml中创建一个local.xml文件然后使用

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

</default>

或者你也可以在。html中添加js但这会产生一些冲突你可以通过创建js变量并将该变量传递给carousel js代码来消除冲突

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

$jq = jQuery.noConflict();
$jq(document).ready(function() {
// do something
});
相关文章：