什么是“mobile-pagecontainer”选择器

Question

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表示感谢和感谢

Answer 1

$(":mobile-pagecontainer")是一个选择器，它引用jQM页面的parent元素，包括internal页面和external 个。

默认情况下，:mobile-pagecontainer 是 body。也可以称为$.mobile.pageContainer（在pageContainer中注意大写“C”）。

.pagecontainer() 是一个函数，用于更改和加载页面，以及检索活动页面。

简而言之，$(":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");
  

• 检索活动页面：

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