什么是“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-pagecontainerbody 。 它也可以称为$.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");