将一些jquery脚本添加到Magento页面

Question

这让我疯了.我无法弄清楚如何将一些jquery脚本附加到Magento 1.4.2中特定页面的head部分.我已经通过编辑page.xml将最新的jquery库添加到所有页面,并且我添加了无冲突的东西.

我知道我需要在相关页面的自定义布局更新区域添加一些代码.然而,没有任何作用,我已经尝试了许多代码,当我稍后检查源代码时,没有出现在页面的头部.

我在官方mangeto论坛上发布了同样的问题但八天后没有回复.那个论坛很难得到建议大多数问题都没有答案:(.任何想法如何通过自定义布局更新这个例如？

$(document).ready(function(){
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});

我已经尝试将其封装在脚本标签中,在reference = head标签中.什么都行不通.拉出我的头发,我用Google搜索了我能想到的每个单词短语,但没有关于如何在Magento中添加脚本到页面头部的示例.请帮忙.

Answer 1

扩展艾伦的出色总结.如果您只想将文件添加到一个特定页面,则可以在Layout Update XML字段中使用以下代码段:

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

并将文件放入 http://example.com/js/path/to/my/file.js

或者如果你想让它驻留在你的皮肤文件夹中使用

<reference name="head">
    <action method="addItem"><type>skin_js</type><name>js/file.js</name><params/></action>
</reference>

预期位置http://example.com/skin/frontend/base/default/js/file.js 根据您使用的包和主题更改基本和默认位置

您还可以在任何其他布局/？.xml文件中使用上述代码段,只需将其放在要处理的布局句柄中即可.例如,将它放在cms.xml中的所有cms页面中,你会发现它

<cms_page>
 ....
</cms_page>

并将其更改为

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

另一个简单的方法是向所有页面添加一段javascript,转到系统>配置>设计>页脚>其他HTML

进一步阅读:

使用local.xml进行主题自定义

揭开Magento布局XML的神秘面纱