“data-url” jQuery Mobile à confusion
Quelqu'un peut-il mettre plus de lumière sur "data-url" attributs en jQuery Mobile actuellement j'ai lu le la documentation je l'ai trouvé trop confus tout a un travail de démonstration ou de quelque chose.
Merci d'éviter le Copier-coller le contenu de jQuery mobile, site web, il peut certainement aider
quelqu'un d'autre à la recherche pour les mêmes dans le même état de confondre comme je suis .
Pour info La documentation que vous avez posté est de jQM Version Alpha 4, Beaucoup de choses ont changé avec jQM Version 1.0 jquerymobile.com/demos/1.0/docs/pages/page-navmodel.html
OriginalL'auteur Viren | 2012-01-13
Vous devez vous connecter pour publier un commentaire.
Vous êtes à la recherche à un vieux lien de la documentation. La dernière version de la documentation a plus d'informations à propos de la fin de la data-url de l'attribut. Vous pouvez consulter la nouvelle version 1.0 sur la page correspondante sur le lien suivant: http://jquerymobile.com/demos/1.0/docs/pages/page-navmodel.html
Vraiment, je pense honnêtement que les documents, en particulier le 1.0 documentation, expliquera cela mieux, mais je vais essayer quand même: afin de bien comprendre les données de l'url de l'attribut, vous devez comprendre le jQuery Mobile modèle de la combinaison de l'ensemble de vos pages HTML en un seul document HTML pour votre site web mobile. Ces pages sont généralement chargés paresseusement dans le même document. Lorsque vous accédez au document HTML avec jQuery Mobile chargée sur la page, le code HTML sera analysée, et une seule "page" s'affiche.
Le data-url est un attribut que vous avez mis sur un jQM page afin d'activer Ajax navigation. Lorsque vous cliquez sur un lien, le jQM de navigation va d'abord chercher un appariement des données de l'url de l'attribut sur une page. Par exemple, si vous accédez à jQM-activé page qui a une URL de l'exemple-hôte//chemin#/fonctionnalités/123", jQuery Mobile sera le premier regard sur le document en cours pour un jQM page qui a l'attribut
data-url="/features/123"
. S'il le trouve, alors il cache le courant jQM de la page et affiche celui qu'il trouve. Si il ne le trouve pas, alors il tente une requête Ajax à l'URL "exemple-accueil/fonctionnalités/123", le chargement de contenu dans encore un autre jQM page si elle trouve une page valide.Ces jQM des liens vers la documentation devrait fournir davantage d'aide:
Anatomie d'une Page
jQM Modèle de Page
OriginalL'auteur Stephen Booher
Il ya un supplément très important de cas d'utilisation pour
data-url
- qui est en cours de redirections :Disons un utilisateur accède à
/store/youraccount
mais ils ne l'êtes pas.Votre serveur sera probablement de les rediriger vers une page de connexion
/store/login
. Cela revient au navigateur, comme une redirection 301 qui est chargé sans jQuery Mobile, même en sachant à propos de la modification. La page s'affiche correctement mais l'URL en haut sera toujoursstore/youraccount
.Par la mise en
data-url
sur la page de connexion de ce genre, jQuery mobile, vous pouvez mettre à jour correctement l'URL après une redirection qui signifie qu'il peut être mis en signet et<form>
balises sansaction
spécifiée travail.Comment
data-url
s'arrête<form>
de bris de:Si votre page contient une
<form>
balise définie sansaction
attribut, le comportement par défaut est de publier sur la page en cours - ouais, vous l'aurez deviné c'est le navigateur pense toujours que nous sommes sur/store/youraccount
Alors quand vous mettez
data-url='/store/login
il peut correctement mise à jour de l'URL.Remarque: même si votre formulaire a un
action
vous aurez toujours besoin de mettre des données-url. C'est juste un exemple pour montrer comment, en laissant au large de données url-peut casser des choses.OriginalL'auteur Simon_Weaver