什么是＆＃34;移动页面容器＆＃34;选择

Question

jQuery Mobile有各种各样的事件和方法。 pagecontainer事件和方法用于处理来自page的大多数v1.4事件。我不明白使用:mobile-pagecontainer选择器。

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

API：jQuery 1.4.0 API

编辑：另外，我在stackoverflow和其他使用$(document)的网站上找到了很多例子，它们与所有这些有什么关系？

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

Answer 1

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

默认情况下，:mobile-pagecontainer为body。它也可以称为$.mobile.pageContainer（头脑资本＆＃34; C＆＃34;在pageContainer中）。

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