javascript - 什么是 “mobile-pagecontainer”选择器

jQuery Mobile具有各种事件和方法。 pagecontainer事件和方法用于处理page中的大多数v1.4事件。我不了解:mobile-pagecontainer选择器的用法。

API文档仅使用$('.selector')，虽然它简单易懂，但我不知道它所指向的对象。我应该在$('div[data-role="page"]')或$('body')上使用它吗？另一个选择器:mobile-pagecontainer表示什么呢？

API:jQuery 1.4.0 API

编辑:另外，我在堆栈溢出和其他使用$(document)的网站上找到了许多示例，这些示例之间有什么关系？

编辑2:我创建了一个小提琴，使用所有3个选择器pagecontainerbeforeshow，$('body')和$(':mobile-pagecontainer') Fiddle - PageContainer Events展示了$(document)事件。我的心由衷感谢，感谢@Omar

最佳答案

$(":mobile-pagecontainer")是选择器，它引用jQM页面的父元素，包括内部页面和外部页面。

默认情况下，:mobile-pagecontainer是body。也可以称为$.mobile.pageContainer(pageContainer中的大写字母“C”)。
.pagecontainer()是用于更改和加载页面以及检索 Activity 页面的函数。

简而言之，$(":mobile-pagecontainer") = $.mobile.pageContainer = $("body")(默认)。

如果要将页面包装在与:mobile-pagecontainer不同的元素中，可以在mobileinit上覆盖body的值。

$(document).on("mobileinit", function () {
  $.mobile.pageContainer = $("#foo");
});

要更改页面(假设foo是容器):

$("#foo").pagecontainer("change", "#pageID or URL");

加载外部页面:

$("#foo").pagecontainer("load", "URL");

要检索 Activity 页面:

$("#foo").pagecontainer("getActivePage");