什么是“mobile-pagecontainer”选择器
jQuery Mobile有各种各样的事件和方法。 pagecontainer
事件和方法用于处理v1.4
大多数page
事件。 我不明白使用:mobile-pagecontainer
选择器。
API文档只使用$('.selector')
,虽然很简单易懂,但我不知道它指的是哪个对象。 我应该在$('div[data-role="page"]')
或$('body')
。 另一个选择器:mobile-pagecontainer
表示什么?
API: jQuery 1.4.0 API
编辑:另外,我发现很多关于stackoverflow和其他网站使用$(document)
例子与这些有什么关系?
编辑2:我创建了一个小小提琴,使用所有3个选择器$('body')
, $(':mobile-pagecontainer')
和$(document)
Fiddle – PageContainer Events展示pagecontainerbeforeshow事件 。 我的心对@Omar表示感谢和感谢
$(":mobile-pagecontainer")
是一个选择器 ,它指的是jQM页面的父元素,包括内部页面和外部页面。
默认情况下, :mobile-pagecontainer
是body
。 它也可以称为$.mobile.pageContainer
(pageContainer中的大写$.mobile.pageContainer
“C”)。
.pagecontainer()
是一个用于更改和加载页面以及检索活动页面的函数。
简而言之, $(":mobile-pagecontainer")
$.mobile.pageContainer
$(":mobile-pagecontainer")
= $.mobile.pageContainer
= $("body")
(默认)。
可以在mobileinit
上覆盖:mobile-pagecontainer
的值,以防您想要将页面包装在与body
不同的元素中。
$(document).on("mobileinit", function () { $.mobile.pageContainer = $("#foo"); });
-
要更改页面(假设
foo
是容器):$("#foo").pagecontainer("change", "#pageID or URL");
-
要加载外部页面:
$("#foo").pagecontainer("load", "URL");
-
要检索活动页面 :
$("#foo").pagecontainer("getActivePage");