1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>jQuery easyUI</title> 8 <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.3/themes/default/easyui.css"> 9 <link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.3/themes/icon.css"> 10 <script type="text/javascript" src="jquery-easyui-1.4.3/jquery.min.js"></script> 11 <script type="text/javascript" src="jquery-easyui-1.4.3/jquery.easyui.min.js"></script> 12 </head> 13 <body> 14 <h1>jQueryEasyUI-accordion</h1> 15 <div class="easyui-accordion"> 16 <div title="Title1" data-options="iconCls: ‘icon-ok‘" style="overflow: auto; padding: 10px;"> 17 <h3>Accordion for jQuery</h3> 18 <p>content1</p> 19 </div> 20 <div title="Title2" data-options="iconCls: ‘icon-help‘" style="padding: 10px"> 21 <p>content2</p> 22 </div> 23 <div title="Title3" data-options="iconCls: ‘icon-search‘" style="padding: 10px"> 24 content3 25 </div> 26 </div> 27 </body> 28 </html>
注意：
使用时注意<script type="text/javascript" src="jquery-easyui-1.4.3/jquery.min.js"></script>和
<script type="text/javascript" src="jquery-easyui-1.4.3/jquery.easyui.min.js"></script>的顺序，
jquery.min.js必须放在jquery.easyui.min.js前面，否则不能执行
时间： 2024-09-21 01:48:54