javascript - 1 cms 页面的 magento xml - js 和 css

Question

我正在尝试在 xml 更新中向一个 CMS 页面添加 Accordion 。

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

并将代码放在 xml 更新 Pane 中，如下所示:

<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 一无所知。他只说了这个:

1. 安装

将 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>

1. HTML 标记

jQuery Accordion 基于“DIV”并具有流畅的布局。看看这个由两个元素组成的 Accordion :

<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>

1. 将以下代码放在页面的头部:

     jQuery(document).ready(function() {
   
           $("#accordion").jqueryAccordion();
   
     });
   

---

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

Answer 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>