1.1 active
  这个参数是设置默认选项的,默认情况下是0,也就是第一个哦。初始化设置例:$('#accordion').accordion({ active: 2 });
在初始化之后的获取和设置例:
//获取 var active = $('#accordion').accordion('option', 'active');//设置 $('#accordion').accordion('option', 'active', 2);
注:设置小于0,默认第一个,大于总数,默认关闭;需要collapsible: true. $("#doctor_acc").accordion( "option", "collapsible", true );

1.2 animated 这个参数是设置动画效果 默认选项是‘slide’
可以设置你喜欢的动画效果,或不使用动画效果(设置false),除了默认设置,使用'bounceslide'和'easeslide'需要UI Effects Core 。。。嘿嘿。。。
初始化设置例: $('#accordion').accordion({ animated: 'easeslide' });
在初始化之后的获取和设置例:
//获取
var animated = $('#accordion').accordion('option', 'animated');
//设置
$('#accordion').accordion('option', 'animated', 'easeslide');
1.3 autoHeight 默认是true,如果设置,所有内容部分的高被设定为其中最高内容的高。 初始化设置:$('#accordion').accordion({ autoHeight: false });
初始化以后的获取或设置
//获取
var autoHeight = $('#accordion').accordion('option', 'autoHeight');
//设置
$('#accordion').accordion('option', 'autoHeight', false);
1.4 clearStyle 默认是false,似乎是清除style,哈哈~~~
初始化设置 $('#accordion').accordion({ clearStyle: true });
初始化后的获取和设置和上面的差不多。。。省略。。。
1.5 event 默认是'click' 如何展开选项。可以设置长双击、鼠标滑过等。。。
初始化设置例:$('#accordion').accordion(event:"mouseover");
初始化后的设置请参考上面的 ,此处省略。。。
1.6 fillSpace ,充满父元素的高,默认为false ,使用此项,autoHeight无效。
初始化设置例:$('#accordion').accordion({ fillSpace: true });
初始化后的获取和设置请参考上面的 ,此处省略。。。
1.7 header,设置头元素(见上面实例),默认值为:'> li > :first-child,> :not(li):even'
此处省略,自己理解。。。
1.8 icon,设置小图标,默认值为: { 'header': 'ui-icon-triangle-1-e', 'headerSelected': 'ui-icon-triangle-1-s' }
另外,请看下面的英国字儿~~~只可意会不可言传。。。
Icons to use for headers. Icons may be specified for 'header' and 'headerSelected', and we recommend using the icons native to the jQuery UI CSS Framework manipulated by jQuery UI ThemeRoller

初始化设置例:$('#accordion').accordion({ icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' } });
初始化后的获取和设置省略。。。
1.9 navigation 和navigationFilter暂时不知道到底是做什么用的,回头再说吧。。。

2 事件
2.1 change事件 accordion改变时触发的事件,有两种绑定方法
第一种:
$('#accordion').bind('accordionchange', function(event, ui) {
ui.newHeader // jQuery 对象, 激活 header
ui.oldHeader // jQuery 对象, 之前 header
ui.newContent // jQuery 对象, 激活 content
ui.oldContent // jQuery 对象, 之前 content
});这种方法在前面的例子中已经都有喽~~
第二种:
$('#accordion').accordion({
   change: function(event, ui) { ... }
}); 看清楚了吧。哈哈。

3 方法
3.1 destroy :毁灭地球...
使用方法:.accordion( 'destroy' )
3.2 disable:accordion不可用,使之无效。
使用方法:.accordion('disable')
3.3 enable: 可用,使之有效,使用方法:略...
3.4 option:参数,使用方法:前面都已经用过了,例:.accordion( 'option' , optionName , [value] )
3.5 activate:也是设置默认选项,和参数active 作用一样。例:.accordion( 'activate' , index )

jquery ui accordion的详细参数相关推荐

  1. jQuery UI - Accordion 手风琴组件的使用

    这里的例子使用 jQuery UI 1.8.6 示例效果可以看 jQuery 网站中的例子. 手风琴效果将多个内容组织到多个逻辑组中,通过选择组的标题可以展开或者收缩组中的内容,使用效果很像 Tab, ...

  2. JQUERY插件学习之jQuery UI

    jQuery UI:http://jqueryui.com/ jQuery UI介绍: jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互 ...

  3. jQuery UI Dialog

    jQuery UI Dialog是jQuery UI的弹出对话框组件,使用它可以创建各种美观的弹出对话框:它可以设置对话框的标题.内容,并且使对话框可以拖动.调整大小.及关闭:平常主要用来替代浏览嚣自 ...

  4. 关于jQuery UI 使用心得及技巧

    最近项目中使用了一些插件来做页面,这里把jQuery UI的使用分享出来,希望 对新手有帮助.文章结尾附源码下载. 1 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javasc ...

  5. jQuery UI 使用心得及技巧

    最近项目中使用了一些插件来做页面,这里把jQuery UI的使用分享出来,希望 对新手有帮助.文章结尾附源码下载. 1 jQuery UI 有时你仅仅是为了实现一个渐变的动画效果而不得不把javasc ...

  6. jQuery UI Autocomplete是jQuery UI的自动完成组件

    jQuery UI Autocomplete是jQuery UI的自动完成组件,是我用过的最强大.最灵活的Autocomplete,它支持本地的Array/JSON数组.通过ajax请求的Array/ ...

  7. OpenLayers学习笔记5——使用jQuery UI实现查询并标注(UI篇)

    近期事情非常多,老板给的压力也非常大.经常出差,另外项目和个人研究还都要跟上,本月要交论文,还要写专利,仅仅能抽时间来学习其它的东西了. 关于OpenLayers的在博客中不会写太多详细的实现(网上有 ...

  8. jQuery UI全教程之一(dialog的使用教程)

    jQuery UI目前的版本已经更新到了1.8.7.个人感觉和easyui相比起来,jQuery UI在界面的美观程度和可定制型更强一些.所以再次将一些jQuery UI组件的用法说明一下,方便日后查 ...

  9. jQuery ui widget和jQuery plugin的实现原理简单比较

    一.创建 1.  jQuery plugin (function($){ $.fn.MyPlugin=function(){ //js代码 } })(jQuery) 为了与页面上其他代码友好相处,将p ...

  10. jquery ui和easy ui联合使用

    本文以jquery ui中的自动完成(autocomplete)插件,  easy ui中的(tree)树形菜单插件,(grid)网格插件的综合运用为例来展示插件的魅力. 开发环境:struts2.3 ...

最新文章

  1. python中print输出格式汇总_python中print输出格式有哪些
  2. win10 远程桌面无法连接报错
  3. Android复习11【service-音乐播放器、定时器、IntentService、ALDL使用】
  4. html5清除手机页面缓存文件夹,WebView自动缓存-清除缓存
  5. PyTorch入门-语言模型
  6. python读取excel写入mysql_python读取excel写入mysql
  7. cv mat 灰度值和_c++ 访问OpenCV中灰度图像的像素值
  8. scala的函数(day02)
  9. html弹幕效果加入视频,JS实现的视频弹幕效果示例
  10. 简析三星新专利,语音识别技术的新方法
  11. 营销工作的七项核心能力
  12. Unity 基础资源知识汇总学习
  13. java聊天服务器架构_基于Spring 4.0 的 Web Socket 聊天室/游戏服务端简单架构
  14. 高淇300集Java——零基础开发桌球小游戏项目
  15. Excel常用电子表格公式大全
  16. 不同火车车型的座位分布图
  17. QQ新上线图片社交功能“小世界”
  18. python 通信部分
  19. 项目纪实--如何搭建一个高可用强一致性灵活元数据管理的数据平台实现高效可靠的数据分发等功能
  20. 编程输出1000以内所有的完数,并输出其所有因子。所谓完数,即一个数的所有因子(除其自身)之和恰好等于其自身。如6就是一个完数,6=1+2+3。**输出格式要求:“\n%5d\n“, “%5d“

热门文章

  1. python 根据对应关系批量修改文件名
  2. Java设计模式-装饰者设计模式
  3. 数据库与java操作小有体会
  4. 如何在 Flink 1.9 中使用 Hive?
  5. 干了四五年Android 开发了,如何突破成长中的技术瓶颈期?
  6. Go基础-Go中的Println和Print和Printf之间的区别
  7. python魔法属性_python魔法方法-属性转换和类的表示详解
  8. 计算机系统操作工中级工试卷,计算机系统操作工中级理论试题及答案.doc
  9. java获取鼠标点击的坐标_怎么我用Java窗外获取鼠标点击的坐标
  10. 为什么不建议吃小绿叶_为什么看了那么多食谱,还是不知道给宝宝吃什么?