当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JQuery Mobile Collapsible collapsedIcon用法及代码示例


用法:

collapsedIcon
类型:StringBoolean
默认:"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" );

相关用法


注:本文由纯净天空筛选整理自jquerymobile.com大神的英文原创作品 Collapsible collapsedIcon。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。