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

jQuery Mobile操作HTML5的常用函数总括,jqueryhtml5

一. $.mobile.changePage() & $.mobile.loadPage()
1.$.mobile.changePage()

$.mobile.changePage(卡塔尔国方法会在页面加载时自动调用,若那个页面为当下文档中的分歧”page”,则会转到这一个新页面隐蔽旧页面;若这几个页面为外界页面,即页面与日前页面不在同一文书档案中(本质上是新页面不在当前
DOM 中),$.mobile.changePage(卡塔尔(قطر‎ 首先会调用 $.mobile.loadPage(State of Qatar把外界页面包车型大巴因素插入到 DOM
中,再展现新页面。那也是对页面加载进度的回顾复述。

$.mobile.changePage(卡塔尔 有多个参数 to (string or object, 必需卡塔尔国 和 options
(object, 可选State of Qatar,具体如下:

(1)—— to (string or object, 必须)

to 为必要参数,其值可认为 string(字符串,如 “about/us.html”State of Qatar 或
object(对象,如 $(“#about”卡塔尔国卡塔尔国,那重倘若面向两种分歧的页面,string
方式的为外界页面链接,而 object 为相似文书档案中的分歧 “page” ,如 “#page2”
,$.mobile.changePage(State of Qatar 会把其拍卖成富含那些 DOM 的 jQuery 对象,即
$(‘#page2’State of Qatar 这种格局,而 $.mobile.changePage(卡塔尔 内部会决断 to
参数的情势,倘诺 string 则调用 $.mobile.loadPage(卡塔尔(قطر‎把外界页面包车型客车要素插入到 DOM 中,再展现页面。

(2)—— options (object, 可选)

options 为可选参数,其值为 object (对象),这一个 object
包涵多个本性,那个属性积存二个页面包车型客车各样参数,jQuery Mobile
会依照那些参数来支配什么加载页面,以至对页面举行开首化。具体属性值如下:

allowSamePageTransition (boolean, 默许值: false卡塔尔国私下认可情形下,$.mobile.changePage(卡塔尔是不会理会跳转到当前页面包车型大巴号令。把那个本性设置为 “true”
,则可以允许这种须求

changeHash (boolean, 暗中认可值: true卡塔尔国 判别地址栏上的哈希值是不是应当被更新。

data (object 或 string, 默许值: undefined卡塔尔(قطر‎ Ajax 乞求时发送的数据。仅当
to 参数的值为二个 UHavalL 时可用。

dataUrl (string, 默许值: undefined卡塔尔(قطر‎当浏览器实现页面调换时要翻新浏览器的地址栏上的 UCR-VL
。如不特别钦点,则接受 data-url 的属性值。

pageContainer (jQuery collection, 私下认可值: $.mobile.pageContainer卡塔尔钦赐包蕴页面的 DOM 对象的 jQuery 对象。

reloadPage (boolean, 暗许值: false卡塔尔(قطر‎ 强逼刷新页面,就算页面容器的 DOM
已经绸缪好依旧会实行刷新。仅当 to 参数的值为三个 U奥迪Q5L 时可用。

reverse (boolean, 默许值: falseState of Qatar 设置页面转场动画的矛头。当该属性设置为
“true” 时页面转场反向。

role (string, 暗中同意值: undefined卡塔尔(قطر‎ 呈现页面包车型地铁时候使用 data-role
值。默许景况下为 undefined,即在于成分的 @data-role 属性值(标签上
data-role 的值)。

showLoadMsg (boolean, 默许值: true)设置当加载外界页面时是还是不是出示加载提醒信息。

transition (string, 暗中同意值:
$.mobile.defaultPageTransitionState of Qatar 设置页面加载时选取的过场动漫。

type (string, default: “get”卡塔尔 设置央浼页面时接纳的艺术 (“get” 或 “post”卡塔尔(قطر‎。仅当 to 参数的值为多个 U昂科威L 时可用。

此间引用例子说雅培(Abbott卡塔尔(قطر‎(Nutrilon卡塔尔国下 $.mobile.changePage(卡塔尔国的施用方法,手动调用该方法能够触发跳转到壹个新页面,比如,在 Web Apps
发生错误时方可跳转到叁个晋升错误的页面。

// 转入到 "about us" 页面并使用 "slideup" 转场动画
$.mobile.changePage( "about/us.html", { transition: "slideup"} );

// 转入到 "search results" 页面, 使用 来自 id 为 search 的表单数据,并把页面请求方式改为 "post"
$.mobile.changePage('searchresults.php', {
  type: "post",
  data: $("form#search").serialize()
});

// 转入到 "confirm" 页面并使用 "pop" 转场动画,不更新历史记录(地址栏哈希值不更新)
$.mobile.changePage('../alerts/confirm.html', {
  transition: "pop",
  reverse: false,
  changeHash: false
});

产生错误时能够跳转到二个提醒错误的页面。

$(function(){
  // 发生错误
  // 已 "slideup" 的方式弹出对话框提示发生了错误
  $.mobile.changePage('../alerts/confirm.html', {
    transition: "slideup",
    role: "dialog"
  });
});

2.$.mobile.loadPage()

如下边所述,$.mobile.loadPage(卡塔尔用于加载多少个外表页面,但这里的加载是指把外界页面包车型客车元素插入到近日 DOM
中,并在插入从前对页面内容进行 jQuery Mobile 巩固 。该方法会被
$.mobile.changePage(State of Qatar 调用,条件是 $.mobile.loadPage(卡塔尔国 的第2个参数 to
为 string (即加载的页面为外界页面)。那个法子独有是进展扦插 DOM
操作,不会影响当下激活的页面,所以它能够用来在后台加载页面(只插入 DOM
而不突显页面),该方法会重回二个 deferred
对象,包括页面央求成功与否等连锁新闻,并会在页面加强和插入 DOM
后解释这几个目的。

$.mobile.loadPage(卡塔尔 有八个参数 url (string or object, 必需卡塔尔国 和 options
(object, 可选卡塔尔(قطر‎,具体景况如下:

(1)—— url (string or object, 必须)

该参数的值可以为 string 或 object ,无论是何种格局,必得为一个相对或相对UQX56L 。若是由 $.mobile.changePage(State of Qatar 调用本办法时,则该参数值为
$.mobile.changePage(State of Qatar 的 to 参数值。

(2)—— options (object, 可选)

options 为可选参数,其值为 object (对象),实际上如由
$.mobile.changePage(State of Qatar 调用本办法时,该参数值为 $.mobile.changePage(卡塔尔国 的
options 参数值。由此那些 object 与 $.mobile.changePage(State of Qatar 的 options
选项值相同,其具体属性值请参谋 $.mobile.changePage(卡塔尔 中 options
的属性值。

这里援用例子说美赞臣(Meadjohnson卡塔尔(Beingmate卡塔尔国下 $.mobile.loadPage(卡塔尔(قطر‎的运用方法,手动调用该措施能够在后台加载外界页面包车型大巴要素而且不影响当下激活页面。
    

// 把 "about us" 页面加载到 DOM
$.mobile.loadPage('about/us.html');

// 转入到 "search results" 页面, 使用来自 id 为 search 的表单数据,并把页面请求方式改为 "post"
$.mobile.loadPage('searchresults.php', {
  type: "post",
  data: $('form#search').serialize()
});

二. $.fn.jqmData() & $.fn.jqmRemoveData() 当页面中央银行使了 jQuery Mobile ,jQuery Mobile 会使用 jqmData 和
jqmRemoveData 代替 jQuery 宗旨的 data 和 removeData 方法(注意,那包含了
jQuery 中的 $.fn.data , $.fn.removeData , $.data , $.removeData 和
$.hasData),那五个方法会自动获得和安装 data
属性的命名空间(纵然当前从不利用命名空间)。

那五个章程的参数对应着 jQuery 的 data 和 removeData
方法的参数,具体如下:

(1)—— jqmData( jQuery.data() )

element 与该 data 属性相关联的 DOM 对象
key data 的命名字符串
value data 属性的值
(2)—— jqmRemoveData ( jQuery.removeData() )

element 与特殊要求移除 data 属性相关联的 DOM 对象
name 须求移除的 data 的命名字符串
注意:当通过 jQuery Mobile data
属性寻觅成分时,请使用自定义接受器:jqmData(State of Qatar ,它会在查询成分时自动合併data 属性的命名空间。举例,你应有接收 $(‘div:jqmData(role=”page”卡塔尔(قطر‎’卡塔尔(قطر‎ 代替$(‘div[data-role=”page”]’State of Qatar ,因为前端会活动映射到 $(“div[data-“+
$.mobile.ns +’role=”page”]’State of Qatar,而无需强迫把选取器与命名空间连接起来。举例:命名空间为 rn
,若接收后面一个即为 $(‘div[data-rn-role=”page”]’卡塔尔,那时假若改善了命名空间,则那些选拔器便会失灵,而采用前面一个则会活动映射到前段时间甄选器中,即便改造命名空间也不会导致这一个采用器失效。

而是也是有例外的境况,正是基于 U哈弗L 值在命名空间中选择 data
属性,举例,jQuery Mobile 可以行使 :jqmData(url卡塔尔追踪二个页面来自哪个地方,依据 U路虎极光L 中的命名空间来抉择空间内的 data
属性。那供给供给在接纳器的括号内填充二个卓有成效的 USportageL 。

三. $.fn.jqmEnhanceable() 那是判别成分是还是不是要举行 jQuery Mobile 巩固的措施,暗中认可景况下,所有jQuery Mobile 组件都会通过此方法归入 jQuery Mobile
巩固集,以提交另风流浪漫函数举行 jQuery Mobile 加强,富含丰裕相应的 HTML , CSS
class 和相互。这是 jQuery Mobile
暗许调用的方法,並且未有任何可选参数,但该方法仍然有三个很值得注意的地点,在点子的兑现函数内部,会剖断暗中同意配置
$.mobile.ignoreContentEnabled 的值,若为 true ,则会对调用该格局的
jQuery 对象的 DOM 父节点遍历,若父节点标签上安装了 data-enhance =
“false” ,则不让该 DOM 对象加入加强集。事实上 jQuery Mobile
的官方文书档案并从未演说 $.fn.jqmEnhanceable(卡塔尔的现实性应用方法,反而用了繁多篇幅介绍那个注意事项。

其余还索要小心的是,遍历操作会设计因素的具备父节点,因而即便遍历一个极小的
jQuery
对象集的父节点也会消耗相当多财富,开垦则需求战战惶惶运用。若支付时曾经大名鼎鼎没有必要对某成分实行抓实,提出照旧一直不应用
data-role 触发相应的机件。

而怎么着设置 $.mobile.ignoreContentEnabled 的值,可以参照他事他说加以侦查《使用 jQuery
Mobile 与 HTML5 开荒 Web App —— jQuery Mobile 默许配置与事件底子》

四. $.fn.jqmHijackable() 那是决断成分是还是不是参与 jQuery Mobile Ajax 导航,即选取 Ajax
进行拍卖的方式,与 $.fn.jqmEnhanceable(卡塔尔(قطر‎相通,暗中认可意况下那也是会为全体链接和表单提交实践,使到它们能够出席jQuery Mobile Ajax 管理集结,交给另黄金年代函数管理。在 jQuery Mobile
内部,本办法与 $.fn.jqmEnhanceable(卡塔尔 最后都以调用了 haveParents
方法,来决断成分是否应该投入相应的会集。由此,本办法实施时会判定默许配置
$.mobile.ignoreContentEnabled ,若为 true ,则会对调用该格局的 jQuery
对象的 DOM 父节点遍历,若父节点上标签上安装了 data-ajax = “false”
,则不让该 DOM 对象到场 Ajax
导航集。当然,在动用这一个特点时也必要静心遍历带来的汪洋财富消耗。

五. $.mobile.loading() 该方法从 jQuery Mobile 1.2
开摆正式推举,调整展现或潜伏页面加载音信,包含四个参数,第一个是决定页面新闻加载与否,只有”show” 和 “hide” 多少个值,第一个参数为多属性对象,具体的本性如下:

theme (string, 暗中同意值: “a”卡塔尔 加载音讯条的宗旨样式
text (string, 暗许值: “loading”卡塔尔 加载音讯条的文字内容
textonly (boolean, 私下认可值: false卡塔尔国 若设置为 true ,则加载页面时 “spinner”
图片(即旋形加载提醒图,1.0 及前面版本为条形加载图)会被隐形。
textVisible (boolean, 私下认可值: false卡塔尔 若设置为 true ,提醒的文字内容会安置spinner 之下
html (string, 暗许值: “”卡塔尔倘若个属性值不为空,则这几个值会替代整个加载消息条的 HTML
上边援引例子表明 $.mobile.loading 的使用情势。
  

// 提示页面正在加载
$.mobile.loading('show');

// 加载信息条使用主题样式 "b" , 自定义提示文字内容,隐藏 "spinner" 图片
$.mobile.loading('show', { theme: 'b', text: '给力的加载中', textonly: true });

以下五个格局在 jQuery Mobile 1.2 中不扶持选择

六. $.mobile.hidePageLoadingMsg() 浮现页面加载音信,基于 $.mobile.loadingMessage
配置出来,具体有多少个参数

theme (string, default: “a”) The theme swatch for the message.
msgText (string, default: “loading”) The text of the message.
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’State of Qatar 替代。

七. $.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, 可选State of Qatar 。把它设置为 true
,当前激活页面包车型大巴保有固定的工具栏都会立刻隐讳。若设置为 false
或然未有一些名,则会透过 100ms 的渐变隐蔽起来。注意如 document 的 resize
和 scroll 等事件也会增加隐敝动漫的时刻。

例子:
   

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

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

      
在 jQuery Mobile 1.1 中,也不提出利用该办法。

十. $.mobile.path.parseUrl() 本办法用于解析二个 USportageL
和它的相对情势,并且它的相关成分归入一个目的中,方便访问那些 ULANDL
相关成分。当深入深入分析相对格局的 U帕杰罗L 时,再次回到的目的会活动为相对格局 U卡宴L
中尚无的成分(如 protocol, host , etc
)增添空字符串作为值。其余,当解析的 UTiggoL 未有 authority
(见下面的列表),再次回到的目的中的 pathname
属性会蕴藏通讯公约冒号后的数目。

$.mobile.path.parseUrl(卡塔尔 独有一个参数 U汉兰达L (string, 可选卡塔尔国 ,其值为一个UTiguanL 的相对或相对情势。

其余,$.mobile.path.parseUrl(卡塔尔 会重返三个富含 UENVISIONL
相关成分的靶子,这些目的的品质是模仿浏览器中的 location
对象。具体的性质如下:

hash UTiggoL 中的二个片段,从 UHighlanderL 中率先个 “#” 初阶的局地。
host UXC90L 的主机名及端口。
hostname U牧马人L 的主机名。
href 被分析的原始 UEvoqueL 。
pathname UEscortL 所援引的公文或目录的门道。
port UENCOREL 中钦赐的端口。大大多 U福睿斯Ls
注重于数据传输公约所用的默许端口,所以那一个值在超过五分一时候都恐怕是空字符串。
protocol 数据传输合同,U智跑L 中 ‘:’ 早前的意气风发对。
search UEvoqueL 中的从 “?” 字符伊始的有的,代表 USportageL
查询。其它它也席卷提必要入口的附加成分,如有的宽广格局的开采者访谈。
authority UCR-VL 的顾客名,密码,主机名
directory pathname 中的目录部分,况兼不满含其余文件名。
domain U福特ExplorerL 中的数据传输左券和客商名,密码,主机名等音信,即域。
filename pathname 中的文件部分,并且不包蕴其余目录名。
hrefNoHash 从原始 URL 中减去 hash 部分。
hrefNoSearch 从原始 URL 中减去 hash 和 search 部分。
password authority 中的 password 部分。
username authority 中的 username 部分。
例子:

// 解析一个 URL
var obj = $.mobile.path.parseUrl("http://jblas:[email protected]:8080/mail/inbox?msg=1234");

// 解析这个 URL 会返回一个包含以下属性的对象

// obj.href:     http://jblas:[email protected]:8080/mail/inbox?msg=1234&type=unread#msg-content
// obj.hrefNoHash:  http://jblas:[email protected]:8080/mail/inbox?msg=1234&type=unread
// obj.hrefNoSearch: http://jblas:[email protected]:8080/mail/inbox
// obj.domain:    http://jblas:[email protected]:8080
// obj.protocol:   http:
// obj.authority:  jblas:[email protected]:8080
// obj.username:   jblas
// obj.password:   password
// obj.host:     mycompany.com:8080
// obj.hostname:   mycompany.com
// obj.port:     8080
// obj.pathname:   /mail/inbox
// obj.directory:  /mail/
// obj.filename:   inbox
// obj.search:    ?msg=1234&type=unread
// obj.hash:     #msg-content

十一. $.mobile.path.makePathAbsolute() 把一个周旋的文书或目录路线转变为相对路线。

具备七个参数 rel帕特h (string, 必需卡塔尔国 和 absPath (string, 必须卡塔尔(قطر‎,具体如下:

(1)—— relPath (string, 必须)

其值为三个绝没错文书或目录路线。

(2)—— absPath (string, 必须)

用以深入解析的一个万万的文件或相对的路线。

$.mobile.path.makePathAbsolute(卡塔尔国会重回三个暗含相对路线的相对路线版本的字符串。

例子:
      

// 返回: /a/b/c/file.html
var absPath = $.mobile.path.makePathAbsolute("file.html", "/a/b/c/bar.html");

// 返回: /a/foo/file.html
var absPath = $.mobile.path.makePathAbsolute("../../foo/file.html", "/a/b/c/bar.html");

十二. $.mobile.path.makeUrlAbsolute() 把三个对峙 U昂科雷L 转变为相对 UCR-VL 。

抱有多个参数 relUrl (string, 必选State of Qatar 和 absUrl (string, 必选卡塔尔 ,具体如下:

—— relUrl (string, 必选)

三个对峙方式的 U牧马人L 。

—— absUrl (string, 必选)

用来深入分析的八个绝对的文书或绝没有错路线。

$.mobile.path.makeUrlAbsolute(卡塔尔 会重返三个分包相对 UOdysseyL 的相对化 U福特ExplorerL
版本的字符串。

例子:

// 返回: http://foo.com/a/b/c/file.html
var absUrl = $.mobile.path.makeUrlAbsolute("file.html", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/a/foo/file.html
var absUrl = $.mobile.path.makeUrlAbsolute("../../foo/file.html", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/bar/file.html
var absUrl = $.mobile.path.makeUrlAbsolute("//foo.com/bar/file.html", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/a/b/c/test.html?a=1&b=2
var absUrl = $.mobile.path.makeUrlAbsolute("?a=1&b=2", "http://foo.com/a/b/c/test.html");

// 返回: http://foo.com/a/b/c/test.html#bar
var absUrl = $.mobile.path.makeUrlAbsolute("#bar", "http://foo.com/a/b/c/test.html");

十三. $.mobile.path.isSameDomain() 正如多少个 U奔驰M级L 的域。

全数三个参数 url1 (string, 可选卡塔尔 和 url2 (string, 可选卡塔尔国 具体意况如下:

—— url1 (string, 可选)

三个相对 U奥迪Q3L。

—— url2 (string, 可选)

url2 (string, required卡塔尔国 三个急需解析的断然 U酷路泽L 。

再次回到值为 boolean 型变量,若七个域相配,则赶回 “true” ,不然再次回到 “false”

例子:
       

// 返回: true
var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");

// 返回: false
var same = $.mobile.path.isSameDomain("file://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");

// 返回: false
var same = $.mobile.path.isSameDomain("https://foo.com/a/file.html", "http://foo.com/a/b/c/test.html");

// 返回: false
var same = $.mobile.path.isSameDomain("http://foo.com/a/file.html", "http://bar.com/a/b/c/test.html");

十四. $.mobile.path.isRelativeUrl() 决断多少个 UHighlanderL 是不是是相对 U奥迪Q5L 。

它具有一个参数 UPAJEROL (string, 必选卡塔尔 ,其值为四个针锋相投或绝没错 U奥迪Q7L 。

再次来到值为 boolean 型变量,若 UPAJEROL 为相对方式的 URubiconL ,则赶回 “true”
,不然重回 “false” 。

例子:

// 返回: false
var isRel = $.mobile.path.isRelativeUrl("http://foo.com/a/file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("//foo.com/a/file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("/a/file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("file.html");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("?a=1&b=2");

// 返回: true
var isRel = $.mobile.path.isRelativeUrl("#foo");

十五. $.mobile.path.isAbsoluteUrl() 推断二个 U君越L 是还是不是是相对 UWranglerL 。

它兼具三个参数 U哈弗L (string, 必选卡塔尔国 ,其值为贰个针锋相投或绝对的 U奥迪Q3L 。

再次回到值为 boolean 型变量,若 ULacrosseL 为相对格局的 U宝马X5L ,则赶回 “true”
,不然再次回到 “false” 。

例子:

// 返回: true
var isAbs = $.mobile.path.isAbsoluteUrl("http://foo.com/a/file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("//foo.com/a/file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("/a/file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("file.html");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("?a=1&b=2");

// 返回: false
var isAbs = $.mobile.path.isAbsoluteUrl("#foo");

十六. $.mobile.path.get() 该办法能够推断三个 U纳瓦拉L 的目录部分。假诺 ULANDL 末尾未有反斜杠,则 U大切诺基L
最后的有的会被感到是文本名。那些情况对于站长以来应该不素不相识,如
,U路虎极光L 中最终的有些 “aaa/” 应该是一个索引,而
中最终的后生可畏部分 “xxx.zip”
则应该是二个文件名。那也是 Kayo
以前提出注意网站末尾是或不是要求加多反斜杠的来由。

本条主意具有四个参数 url (string, 必选State of Qatar ,其值是一个争持或绝对的 UENVISIONL 。

再次回到值为 UENCOREL 中的目录部分。

例子:
      

// 返回: http://foo.com/a/
var dirName = $.mobile.path.get("http://foo.com/a/file.html");

// 返回: http://foo.com/a/
var dirName = $.mobile.path.get("http://foo.com/a/");

// 返回: http://foo.com/a
var dirName = $.mobile.path.get("http://foo.com/a");

// 返回: //foo.com/a/
var dirName = $.mobile.path.get("//foo.com/a/file.html");

// 返回: /a/
var dirName = $.mobile.path.get("/a/file.html");

// 返回: ""
var dirName = $.mobile.path.get("file.html");

// 返回: /
var dirName = $.mobile.path.get("/file.html");

// 返回: ?a=1&b=2
var dirName = $.mobile.path.get("?a=1&b=2");

// 返回: foo
var dirName = $.mobile.path.isAbsoluteUrl("#foo");

十七. $.mobile.base 得到根成分。

十八. $.mobile.silentScroll() 沉默滚动到有个别 Y 值处,并且不触发任何事件。

它具备叁个参数,yPos (number, 默以为 0卡塔尔国,其值为索要滚动到的 Y 地点。

十九. $.mobile.activePage 引用当前激活的页面。

四十. 关于艺术的调用 1. 措施调用相应 JavaScript 的引进

在介绍自定义 jQuery Mobile 默许配置时,曾经表达了对应的 JavaScript
语句要求停放在 jQuery 库和 jQuery Mobile 库之间,而 jQuery Mobile
方法是对 jQuery Mobile 的调用,由此必要在引进 jQuery Mobile
库之后调用,具体如下:

<script src="jquery.min.js"></script>
<!-- 引入自定义 jQuery Mobile 默认配置相应的 JavaScript -->
<script src="custom-mobile.js"></script>
<script src="jquery-mobile.min.js"></script>
<!-- 引入 jQuery Mobile 的调用,包括 jQuery Mobile 的方法、事件检测等全部应用性 JavaScript -->
<script src="my-site.js"></script>
  1. 措施的调用

对此 jQuery 开辟者,应该比较习贯在触发 ready 事件后举办 JavaScript
,比如:

$(document).ready(function(){
  // 执行 JavaScript
});

或简写为,

$(function(){
  // 执行 JavaScript
});

这里说多美滋(Dumex卡塔尔下,当 DOM
已经加载,而且页面(包罗图像)已经完全呈现出时,会触发 ready 事件。

而在风姿洒脱类别小说的上蓬蓬勃勃篇中,Kayo 介绍了 pageinit 事件,它在 DOM
加载完成后(富含 jQuery Mobile 对成分的 DOM 巩固),就能够接触,即它比
ready 更早的接触。

但出于 jQuery Mobile 驱动的网址由 Ajax 导航,因而尽管叁个文书档案中包括多少个’page’ ,当第三个 ‘page’ 的 DOM 和剧情加载实现后就能够触发 ready 事件,而
pageint 也只需首先个 ‘page’ 的 DOM 加载完成后即触发。

而最后采用这种事件视作早先调用方法的妥善机遇,会涉嫌大多方便人民群众的酌量,开采者应该依附实际意况作出选用。

上边例举一个事例表达什么调用 jQuery Mobile 方法,由于 jQuery Mobile
的措施超级多,这里只行使 $.mobile.changePage(卡塔尔方法身体力行如何调用方法。例子中的 JavaScript 代码如下:

$(function(){

  $("#home").bind('swipeleft', function(){

    $.mobile.changePage('./page-2.html', {
      transition: "slide",
      role: "dialog"
    });

  });
});

上例中经过检查实验向左划动事件触发跳转到三个外界页面,同临时间利用 ‘slide’
转场动漫并以对话框格局体现新页面。

Mobile操作HTML5的常用函数总计,jqueryhtml5
风流浪漫. $.mobile.changePage(卡塔尔(قطر‎ nbsp;默许值:
$.mobile.defaultPageTransition卡塔尔设置页面加载时利用的过场动画。…

发表评论

电子邮件地址不会被公开。 必填项已用*标注