转载:JQuery UI - progressbar
转载网址:http://jawallok.blog.163.com/blog/static/3332397420100702836434/
- ·概述
- 进度条是一种简单的显示进度百分比的插件,它可以自动适应父窗口的大小。
- 官方示例地址:http://jqueryui.com/demos/progressbar/
- ·参数(参数名 : 参数类型 : 默认值)
- value : Number : 0
- 进度条的当前状态百分比。
- 初始:$('.selector').progressbar({ value: 37 });
- 获取:var value = $('.selector').progressbar('option', 'value');
- 设置:$('.selector').progressbar('option', 'value', 37);
- ·事件
- change : progressbarchange
- 当进度条状态发生改变时触发此事件。
- 初始:$('.selector').progressbar({ change: function(event, ui) { ... } });
- 绑定:$('.selector').bind('progressbarchange', function(event, ui) { ... });
- ·属性
- destroy
- 销毁当前进度条对象。
- 用法:.progressbar( 'destroy' )
- disable
- 禁用当前进度条。
- 用法:.progressbar( 'disable' )
- enable
- 启用当前进度条。
- .progressbar( 'enable' )
- option
- 获取或设置进度条的参数。
- 用法:.progressbar( 'option' , optionName , [value] )
- value
- 获取或设置进度条的状态。
- 用法:.progressbar( 'value' , [value] )