jqm之button

 

• 如果希望把a转换渲染成按钮？

//添加data-role属性为button，默认会变成块级元素
<a data-role="button">其实我是一个按钮</a>

 

• 如果希望把上面的转换成内联？

//增加一个data-inline的属性值为true
<a data-role="button" data-inline="true">其实我是一个内联的按钮</a>

 

• 自动初始化渲染的按钮标签包含哪些？

//其实和initSelector指定有关系
//initSelector:"button,[type='button',[type='submit'],[type='reset'],[type='image']]";

<button>Button</button>
<input type="button"  value="input button" />
<input type="submit" value="input submit" />
<input type="reset" value="input reset" />
<input type="image" value="input image" />

 

• 如果想禁用自动初始化？

<button data-role="none">button不自动初始化</button>

 

• 如果想增加主题c？

<button data-theme="c">我是有主题c的按钮</button>

 

•  想要加点图标？

//data-icon属性来指定图标，比如值为home
<button data-icon="home">是是一个带图标home的按钮</button>

 

    效果图：

 

       
 

 

• 想要设置图标的位置？

//用data-iconpos来设置图标的位置，默认是left，也可以设置top|right|bottom
<button data-icon="home" data-iconpos="top">是是一个带图标home的按钮</button>

 

    效果图：

 

     
 

 

• 想要不显示文字，只有图标？

//设置data-iconpos为notext
<button data-icon="home" data-iconpos="notext">是是一个带图标home的按钮，只有图标没有文字</button>