用法:
collapsedIcon
默认:
"plus"
设置处于折叠状态时可折叠容器标题的图标。
支持多种类型:如果单个可折叠容器的值未设置,但该容器是可折叠集的一部分,则从父可折叠集继承该值。
此选项也作为数据属性公开:data-collapsed-icon="arrow-r"
。
- String:您要使用的图标的名称。
-
Boolean:除了图标名称,您还可以将此选项设置为
false
.在这种情况下,折叠项在展开或折叠状态下都没有图标。添加data-collapsed-icon="false"
到可折叠小部件以将选项设置为false
通过数据属性。
代码示例:
使用指定的collapsedIcon
选项初始化可折叠:
$( ".selector" ).collapsible({
collapsedIcon: "arrow-r"
});
初始化后获取或设置collapsedIcon
选项:
// Getter
var collapsedIcon = $( ".selector" ).collapsible( "option", "collapsedIcon" );
// Setter
$( ".selector" ).collapsible( "option", "collapsedIcon", "arrow-r" );
相关用法
- JQuery Mobile Collapsible collapsed用法及代码示例
- JQuery Mobile Collapsible collapseCueText用法及代码示例
- JQuery Mobile Collapsible collapse( event, ui )用法及代码示例
- JQuery Mobile Collapsible collapse用法及代码示例
- JQuery Mobile Collapsible contentTheme用法及代码示例
- JQuery Mobile Collapsible corners用法及代码示例
- JQuery Mobile Collapsible classes用法及代码示例
- JQuery Mobile Collapsible create( event, ui )用法及代码示例
- JQuery Mobile Collapsible enhanced用法及代码示例
- JQuery Mobile Collapsible expandCueText用法及代码示例
- JQuery Mobile Collapsible disable用法及代码示例
- JQuery Mobile Collapsible destroy用法及代码示例
- JQuery Mobile Collapsible mini用法及代码示例
- JQuery Mobile Collapsible expandedIcon用法及代码示例
- JQuery Mobile Collapsible theme用法及代码示例
- JQuery Mobile Collapsible heading用法及代码示例
- JQuery Mobile Collapsible expand( event, ui )用法及代码示例
- JQuery Mobile Collapsible enable用法及代码示例
- JQuery Mobile Collapsible inset用法及代码示例
- JQuery Mobile Collapsible option用法及代码示例
- JQuery Mobile Collapsible iconpos用法及代码示例
- JQuery Mobile Collapsible defaults用法及代码示例
- JQuery Mobile Collapsible initSelector用法及代码示例
- JQuery Mobile Collapsible expand用法及代码示例
- JQuery Mobile Collapsible disabled用法及代码示例
注:本文由纯净天空筛选整理自jquerymobile.com大神的英文原创作品 Collapsible collapsedIcon。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。