javascript - 什么是 "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:我创建了一个 fiddle ，它使用所有 3 个选择器 $('body')、$(':mobile -pagecontainer') 和 $(document) Fiddle - PageContainer Events .我的心对@Omar表示感谢和感谢

Answer 1

$(":mobile-pagecontainer") 是一个选择器，它指的是jQM页面的parent元素，内部页面和外部页面。

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

.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");