jquery mobile collapsible set(折叠组)

创建一个可折叠的内容区域组。

折叠组事件 create(event,ui)创建折叠组时触发的事件event:是第一个参数。类型:事件。ui:是第二个参数。类型:对象。//初始化折叠组,并且指定回调函数$(".selector").collapsibleset({create:function(event,ui){}});//绑定一个事件监听器$(".selector").on("collapsibleset",function(event,ui){});

折叠组方法 如果通过javascript操控一个折叠组,必须调用Refresh方法来更新的视觉风格。此方法不接受任何参数。//调用Refresh方法$(".selector").collapsibleset("refresh");

折叠组选项 collapsibleset corners圆角。类型:布尔值。默认值:true。默认为true,折叠组的第一个和最后一个折叠是圆角。可以设为false取消圆角。也在HTML中可以添加data-corners="false"属性来取消圆角。//初始化$(".selector").collapsibleset({corners:false});//gettervarcorners=$(".selector").collapsibleset("option","corners");//setter$(".selector").collapsibleset("option","corners",false);collapsedIcon折叠状态下的图标。类型:字符串。默认值:"plus"。在折叠状态下,头部的折叠图标默认为“+”,也可以自定义它。也可以在HTML中可以添加data-collapsed-icon="arrow-r"属性来设为“向右箭头”。//初始化$(".selector").collapsibleset({collapsedIcon:"arrow-r"});

折叠组 data-role=collapsible-set 折叠组的标记和单个的折叠区域的标记的开头是一样的。将若干可折叠区域用一个容器包裹,再给此容器增加data-role="collapsible-set"属性,框架会自动将这些可折叠的部件组合成为一个视觉上成组的部件,使他们看上去像手风琴,并且在同一个时间只会有一个容器是展开的。默认情况下,手风琴中所有的部件都是收缩起来的。如果想设置某个部件是打开的,可以给这个部件的标题容器添加data-collapsed="false"属性。<divdata-role="collapsible-set"><divdata-role="collapsible"data-collapsed="false"><h3>Section1</h3><p>I'mthecollapsiblecontentinasetsothisfeelslikeanaccordion.I'mopenbydefaultbecauseIhavethe<code>data-collapsed="false"</code>attribute.</p></div><divdata-role="collapsib