表单插件的方法 Form Plugin Methods

在将jquery mobile对表单控件进行自定义增强之后,你依然可以通过插件的方法手动的控制他们的许多属性。当前可用的方法已经列举在下面。你可以查看Github上的项目来检查更新,我们正在努力完成中

选择菜单 Select menus

open 打开一个选择菜单
$('select').selectmenu('open');

close 关闭一个选择菜单
$('select').selectmenu('close'); 


refresh: 更新自定义菜单来体现原生元素的值。如果自定义菜单的选项数目和原生的select元素option的数目不一样,它将会重建该自定义菜单。同样,如果你传递一个true参数,你可以强制执行该重建



//刷新选择菜单的?
$('select').selectmenu('refresh');



//刷新选择菜单的值并重建菜单
$('select').selectmenu('refresh', true);

enable:启用该选择菜单
$('select').selectmenu('enable'); 

disable: 禁用该选择菜单.
$('select').selectmenu('disable');

文本框 Textinput

enable: 启用文本域
$('input').textinput('enable'); 

disable: 禁用文本域
$('textarea').textinput('disable');

单选复选框 checkboxradio

enable: 启用单选复选框.
$('input').checkboxradio('enable'); 

disable: 禁用单选复选框.
$('input').checkboxradio('disable'); 

refresh: 刷新单选复选框的值
$('input').checkboxradio('refresh');

滑动条 slider

enable: 启用滑动
$('input').slider('enable'); 

disable: 禁用滑动
$('input').slider('disable'); 

refresh: 刷新滑动条的
$('input').slider('refresh');

表单按钮 Form buttons

enable: 启用 按钮.
$('input').button('enable'); 

disable: 禁用按钮
$('input').button('disable');

降级的表单输入框元素 Degraded Form Input Types

Jquery Mobile在应用了增强效果之后,会把几种html5输入框类型降级为了type=text或者type=number的输入框类型。例如,type=range的输入框被增强成为一个滑动条,类型被设置为数字,而type=search的输入框在我们添加了一些针对搜索输入文字的样式后会降级为type=text输入框

页面插件包含一组input的类型,这些input的类型可以设置为true,这意味着它们会降级成type=text输入框,或者false,意味着不处理,或者一个字符串比如"number",意为将他们转化为该类型

你可以配置哪些类型可以通过页面插件 degradeInputs选项来改变,而哪一些是需要通过 $.mobile.page.prototype.options.degradeInputs 在外部手动操作,其中以下type可以使用 color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, week. 请务必在 mobileinit 事件的处理函数里配置这些选项,以便于在加载第一个页面以及后续页面都能应用这些选项