javascript - paginacion - ¿Qué es el selector “mobile-pagecontainer”?

paginacion jquery mobile

Question

jQuery Mobile tiene varios eventos y métodos. Los eventos y métodos de pagecontainer se utilizan para manejar la mayoría de los eventos de la page v1.4 . No entiendo el uso del :mobile-pagecontainer selector de :mobile-pagecontainer .

La documentación de la API solo usa $(''.selector'') que es sencillo y fácil de entender, sin embargo, no sé a qué objeto se refiere. ¿Se supone que debo usarlo en $(''div[data-role="page"]'') o en $(''body'') . ¿Y qué significa el otro selector :mobile-pagecontainer , :mobile-pagecontainer ?

API: jQuery 1.4.0 API

Edit: Además, encontré muchos ejemplos en stackoverflow y otros sitios web usando $(document) ¿Cuál es la relación con todos estos?

Edición 2: creé un pequeño violín que muestra el evento pagecontainerbeforeshow con los 3 selectores $(''body'') , $('':mobile-pagecontainer'') y $(document) Fiddle - PageContainer Events . Mi corazón sintió gratitud y gracias a @Omar.

Answer 1

$(":mobile-pagecontainer") es un selector , se refiere al elemento principal de las páginas jQM, tanto las páginas internas como las externas .

Por defecto :mobile-pagecontainer es body . También se puede referir como $.mobile.pageContainer (capital mental "C" en pageContainer).

.pagecontainer() es una función que se utiliza para cambiar y cargar páginas, así como para recuperar páginas activas .

En resumen, $(":mobile-pagecontainer") = $.mobile.pageContainer = $("body") (predeterminado).

El valor de :mobile-pagecontainer se puede anular en mobileinit , en caso de que desee envolver las páginas en un elemento diferente al del body .

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

• Para cambiar páginas (asumiendo que foo es el contenedor):

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

• Para cargar una página externa :

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

• Para recuperar la página activa :

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