Question

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

我上传到了默认＆gt; 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图标偏斜的任何想法？

解决：我不得不改变 / *类：标准 - 管理员控制内容的样式* 至 .std em {font-style：normal; }

Answer 1

根据您的提示默认＆gt;默认/ 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>

magento xml for 1 cms page - js and css

1 个答案: