用于 1 cms 页面的 magento xml - js 和 css答案

【问题标题】：magento xml for 1 cms page - js and css用于 1 cms 页面的 magento xml - js 和 css
【发布时间】：2015-07-17 04:22:31
【问题描述】：

我正在尝试在 xml 更新中将手风琴添加到一个 CMS 页面。

我上传到默认 > default/js/ac/ 和 /css/ac/

并将代码放在 xml 更新窗格中，如下所示：

<reference name="head"> <action method="addItem">
  <type>text/css</type>
  <name>css/ac/jquery-accordion.css</name>
  </action> <action method="addItem">
  <type>text/javascript</type>
  <name>js/ac/jquery-1.10.1.min.js</name>
  </action> <action method="addItem">
  <type>text/javascript</type>
  <name>js/ac/jquery-accordion.js</name>
  </action> </reference>
<reference name="header">
  <script type="text/javascript">
    jQuery(document).ready(function() {
    $("#accordion").jqueryAccordion();
    });
    </script>
</reference>

这段代码的开发者对 mangento 一无所知。他只说：

安装

将 CSS 和 Javascript 文件的引用放在页面的“head”部分：

<link rel="stylesheet" type="text/css" href="jquery-accordion.css">

<script type="text/javascript" src="jquery-1.10.1.min.js"></script>

<script type="text/javascript" src="jquery-accordion.js"></script>

HTML 标记

jQuery Accordion 基于“DIV”并具有流畅的布局。看看这个由两个项目组成的手风琴：

<div id="accordion" class="accordion">

  <div class="accordion-item">

        <div class="accordion-header">

              <span class="title">Header</span>

        </div>

        <div class="accordion-content">

        </div>

  </div>

  <div class="accordion-item">

        <div class="accordion-header">

              <span class="title">Header</span>

        </div>

        <div class="accordion-content">

        </div>

  </div>

将闲置代码放在页面的 head 部分中：

  jQuery(document).ready(function() {

        $("#accordion").jqueryAccordion();

  });

更新：现在它正在工作，但是关于为什么 Font-Awesome 图标偏斜的任何想法？ – http://obscurelytitled.com/m1.9.1.1/jq

【问题讨论】：

标签： javascript css xml magento

【解决方案1】：

根据你的提示 default > default/js/ac/ 和 /css/ac/ 试试这个。，

<reference name="head">
      <action method="addItem"><type>skin_js</type><name>js/ac/jquery-1.10.1.min.js</name></action>
      <action method="addItem"><type>skin_js</type><name>js/ac/jquery-accordion.js</name></action>
      <action method="addItem"><type>skin_css</type><name>css/ac/jquery-accordion.css</name></action>
    </reference>
    <reference name="header">
       <script type="text/javascript">
          jQuery(document).ready(function() {
              $("#accordion").jqueryAccordion();
          });
       </script>
    </reference>

【讨论】：