jQuery Mobile操作HTML5的常用函数总结

2020-05-29 07:18:17易采站长站整理

textonly (boolean, default: false) If true, the “spinner” image will be hidden when the message is shown.
例子:


// 使用主题样式 "b" ,自定义提示文字内容,隐藏 "spinner" 图片
$.mobile.showPageLoadingMsg('b', 'This is only a test', true);

在 jQuery Mobile 1.2 中,建议使用 $.mobile.loading(‘show’) 代替。

七. $.mobile.hidePageLoadingMsg()
隐藏页面加载信息,基于 $.mobile.loadingMessage 配置出来,没有参数。

例子:


// 隐藏页面加载提示信息
$.mobile.hidePageLoadingMsg();

在 jQuery Mobile 1.2 中,建议使用 $.mobile.loading(‘hide’) 代替。

八. $.mobile.fixedToolbars.show()
固定工具栏(包括固定的头部栏和尾部栏)可以通过点击屏幕在显示与隐藏之间切换,而这个方法则是手动显示一次工具栏。

它具有一个参数 immediately(boolean, 可选) 。把它设置为 true ,当前激活页面的所有固定工具栏都会立即显示出来。若设置为 false 或者没有指定,则会通过 100ms 的渐变显示出来。注意如 document 的 resize 和 scroll 等事件会导致额外的延时显示。

例子:
 


// 显示固定工具栏并且显示默认的渐变动画
$.mobile.fixedToolbars.show();

// 立即显示固定工具栏
$.mobile.fixedToolbars.show(true);

   
在 jQuery Mobile 1.1 中,不建议使用该方法,jQuery Mobile 并没有明确原因,但根据 jQuery Mobile 的习惯,这很可能是因为这个方法有很多不稳定性,如上面提到的遇到某些方法会出现额外的延时显示,这对于建立 Web Apps 是很不好的影响因素,它会从底层部分为 Web Apps 带来不可预知的问题。

九. $.mobile.fixedToolbars.hide()
固定工具栏(包括固定的头部栏和尾部栏)可以通过点击屏幕在显示与隐藏之间切换,而这个方法则是手动隐藏一次工具栏。

与 $.mobile.fixedToolbars.show() 相似,它具有一个参数 immediately(boolean, 可选) 。把它设置为 true ,当前激活页面的所有固定的工具栏都会立即隐藏。若设置为 false 或者没有指定,则会通过 100ms 的渐变隐藏起来。注意如 document 的 resize 和 scroll 等事件也会增加隐藏动画的时间。

例子:
   


// 隐藏固定工具栏并显示默认的渐变动画
$.mobile.fixedToolbars.hide();

// 立即隐藏固定工具栏
$.mobile.fixedToolbars.hide(true);

      
在 jQuery Mobile 1.1 中,也不建议使用该方法。

十. $.mobile.path.parseUrl()