¿Qué hace el atributo data-url en jquery mobile?

Question

Tratando de averiguar la estructura básica de una página y encontré un blog que tenía el atributo data-url. ¿Qué significa esto exactamente?

Answer 1

Ese atributo sirve para identificar las páginas que se generan automáticamente por jQM. Desde el jQM docs:

... Páginas que son por plugins autogenerado utilizar la siguiente estructura especial datos url: < div datos url = "pagina.html & subpageidentifier" >

Así, por ejemplo, una página generada por el plugin vista de lista puede tener un atributo de datos -URL así: datos url = "artistas.html & ui-page = listview-1"

Cuando se solicita una página, jQuery Mobile sabe dividir la URL en "& ui-página" y hacer una petición HTTP a la parte de la dirección URL antes de que la clave . En el caso del ejemplo de vista de lista se mencionó anteriormente, la URL sería tener este aspecto: http://example.com/artists.html&ui-page=listview-1 ... y jQuery Mobile pediría artistas.html, que luego generar sus sub-páginas, creando el div con data-url = "artists.html & ui-page = listview-1", que luego se mostrará como la página activa .

Tenga en cuenta que el atributo de datos de URL el elemento contiene la ruta URL completo, y no sólo la parte después de & ui-page =. Esto permite que jQuery Mobile use un solo mecanismo consistente que concuerde con las URL de los atributos page-url .

Answer 2

El atributo data-url también sirve para actualizar el hash cuando se usan redireccionamientos o enlaces a directorios. Consulte la sección Redirects and linking to directories.