什么是"mobile-pagecontainer"选择器

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:我创建了一个微小的小提琴表现出了pagecontainerbeforeshow使用所有3个选择事件$('body'),$(':mobile-pagecontainer')而$(document)小提琴- PageContainer活动.我的心对@Omar表示感谢和感谢

Answer 1

$(":mobile-pagecontainer")是一个选择器,它指的是jQM页面的父元素,包括内部页面和外部页面.

默认情况下:mobile-pagecontainer是body.它也可以称为$.mobile.pageContainer(pageContainer中的大写字母"C").

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

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

如果要将页面包装在不同的元素中,:mobile-pagecontainer则可以覆盖值.mobileinitbody

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

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

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

• 要加载外部页面:

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

• 要检索活动页面:

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