jquery ui according详解(中文转载)
2009-12-29 10:57
204 查看
http://blog.sina.com.cn/s/blog_4bed0b5e0100fjtl.html
1 选项: 1.1 active 这个参数是设置默认选项的,默认情况下是0,也就是第一个哦。哈哈。 初始化设置例:$('#accordion').accordion({ active: 2 }); 在初始化之后的获取和设置例: //获取 var active = $('#accordion').accordion('option', 'active');
//设置 $('#accordion').accordion('option', 'active', 2); 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 )
相关文章推荐
- JNI中文处理问题小结(转载)
- JFreeChart中文API (转载) - [入门手册]
- php.ini 中文详解 [转载]
- sqlhelper中文资料(转载)
- 转载--经验总结:应对中文输入法的字符串截断方案(带代码示例)
- Python中文全攻略[转载]
- (转载)Windows下JetBrains CLion中文输出乱码的解决方法
- [转载]C# 判断字符是否中文还是英文
- Java 关于中文乱码处理的经验总结【转载】
- 解决ubuntu下filezilla登录ftp看不到中文目录和文件的问题 (转载)
- 【转载】中文ubuntu里用户目录里的路径改成英文
- 转载sphinx中文手册
- 转载:AVR-GCC Makefile 中文翻译
- fusioncharts Y轴不显示中文的解决方法(转载)
- 转载:iText输出中文的三种字体选择方式
- » 转载请注明来源:贰号楼肆层 » 《关于Maven无法正确处理javac中文警告信息的问题》
- Servlet 中文乱码问题及解决方案剖析--转载--http://blog.csdn.net/xiazdong/article/details/7217022
- 转载:sublime text 2 中文乱码解决办法
- 转载-如何让source insight支持中文注释
- 中文分词-转载3_一个北京程序员