jquery mobile Controlgroup(控制组)

按钮组,控制组,又称对照组。Groups buttons together。

控制组事件 controlgroup Events create(event,ui)创建控制组时,触发的事件。event:是第一个参数。类型:事件。ui:是第二个参数。类型:对象。//初始化,控制组被创建时,制定一个回调函数$(".selector").controlgroup({create:function(event,ui){}});//绑定一个监听函数$(".selector").on("controlgroupcreate",function(event,ui){});

控制组方法 controlgroup Methods container()容器。获取控制组容器,设置全部子元素。此方法不接受任何参数。$(".selector").controlgroup("container");

控制组选项 controlgroup Options corners圆角。类型:布尔值。默认值:true。给按钮组默认为true,有圆角的效果。若设置为false,取消圆角。这个选项也可以在HTML中添加data-corners="false"属性来取消圆角。corners圆角。类型:布尔值。默认值:true。给按钮组默认为true,有圆角的效果。若设置为false,取消圆角。这个选项也可以在HTML中添加data-corners="false"属性来取消圆角。//初始化$(".selector").controlgroup({corners:false});//gettervarcorners=$(".selector").controlgroup("option","corners");//setter$(".selector").controlgroup("option","corners",false);excludeInvisible排除隐藏子元素。类型:布尔值。默认值:true。在指派了圆角的控制组中,默认为true,排除隐藏的子元素。当设置为false的时候,所有的子元素都被考虑掉。例如,在一个控制组中,第一个子元素是隐藏的,那么它的顶部为没有圆角的效果。这个选项在HTML中,可以添加dat

控制组 data-role=controlgroup 有时候,你想把一组按钮放进一个单独的容器内,使他们看起来想一个独立的导航部件。你可以把一组按钮包裹在一个容器内,然后给该容器添加data-role="controlgroup"属性,JqueryMobile会创建一个垂直的按钮组,删除掉按钮间的margin和阴影,然后只在第一个按钮和最后一个按钮产生圆角,使他们看起来是一组按钮。<divdata-role="controlgroup"><ahref="index.html"data-role="button">Yes</a><ahref="index.html"data-role="button">No</a><ahref="index.html"data-role="button">Maybe</a></div>水平排列data-type="horizontal"默认情况下,组按钮表现为垂直列表,如果给容器添加data-type="horizontal"的属性,则可以转换为水平按钮的列表,按钮会横向一个挨着一个地水平排列,并设置只有足够大以适应内容的宽度。((所以要注意横排情况下按钮不要太多,按钮的字也不要太多)<