javascript - 将外部 JS/CSS 添加到 Magento 网站

Question

我正在尝试将外部 css 和 javascript 添加到我的 magento 网站。我基本上所做的是将必要的脚本放在它们各自的目录中，然后将此代码添加到 app/design/frontend 中默认主题和我当前主题的 page.xml 中:

            <action method="addJs"><script>foundation/modernizr.js</script></action>
            <action method="addJs"><script>foundation/jquery.js</script></action>
            <action method="addJs"><script>foundation/foundation.min.js</script></action>


            <action method="addCss"><stylesheet>css/foundation.css</stylesheet></action>
            <action method="addCss"><stylesheet>css/style.css</stylesheet></action>
            <action method="addCss"><stylesheet>css/flexslider.css</stylesheet></action>
            <action method="addCss"><stylesheet>css/main.css</stylesheet></action>

但它似乎并没有显示在我所有页面的 head 标签上。我还遗漏了什么导致无法加载？

我正在使用 Magento 版本。 1.8.1.0.

Answer 1

你可以像下面这样尝试将你的js放在yourapplication/js/foundation

并且您可以将 xml 代码添加到您的本地或任何设计 xml 文件中，例如

<reference name="head">
   <action method="addJs"><script>foundation/modernizr.js</script></action>
   <action method="addJs"><script>foundation/jquery.js</script></action>
   <action method="addJs"><script>foundation/foundation.min.js</script></action>
 </reference>

但您必须以正确的方式维护加载顺序。

希望这一定能帮到你。