jQuery Mobile中在javascript中设置按钮的选项
按钮的选项和按钮的属性从功能和实现效果上来说是相同的。
不同之处在于,属性是在html标签中声明的,而选项则是在javascript代码中,经由jQuery选择器定位到某个按钮而进行的选项赋值。
从命名来说,通常
选项的名称就是所要操作的语义,例如,icon,而属性的命名则会添加 “data-” 作为前缀,
例如,data-icon 。
作为属性,定义一个按钮的图标是这样实现的。
<button data-icon=”plus”/>
作为选项,在JavaScript 中,选项是这样使用的,
$(“button”).buttonMarkup({ icon: “plus” });
jQuery(“button”).buttonMarkup({ icon: “plus” });
选项名称选项类型缺省值功能标签属性cornersbooleantrue定义按钮为圆角按钮则设置为true,否则直角按钮为falsedata-cornersiconstringnull定义按钮图标,缺省为没有图标data-iconiconposstringleft按钮图标的位置,缺省为居左,也可以自定义。data-iconposiconshadowbooleantrue按钮图标阴影状态,true-有阴影、false-无阴影data-iconshadowinlinebooleanfalse/null内嵌按钮样式,false-非内嵌(内联)按钮,按钮与移动设备屏幕等宽、true-内嵌按钮data-inlineshadowbooleantrue按钮阴影状态,true-有阴影、false-无阴影data-shadowthemestringnull,继承自上一级缺省的按钮风格是null,表示按钮风格继承自上一级div 或者section。如果上一级也没有定义风格,则使用缺省风格。风格定义自a 到e,定义5 种不同配色样式。data-themeinitSelectorcss选择器字符串button, [type='button'], [type='submit'], [type='reset'], [type='image']用于指定CSS 选择器。无