magento xml 1 cms页面-js和css

Posted 2021-04-12

我正在尝试在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一无所知。他说的就是这个：

1. 安装

将CSS和Javascript文件的引用放置在页面的“标题”部分内：

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

2. html标记

jQuery手风琴基于“ 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>

3. 将休闲代码放入页面的头部：

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

---

更新：现在可以正常工作了，但是关于为什么字体真棒图标偏斜的任何想法吗？ – http://obscurelytitled.com/m1.9.1.1/jq

答案

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