Comment charger l'historique de navigation lors de l'utilisation de la bibliothèque de classes mobiles jQuery

Cet article présente principalement la méthode de chargement de l'historique de navigation dans le développement de jQuery mobile. jQuery mobile est une bibliothèque JavaScript développée par jQuery pour les appareils mobiles.

jQuery.mobile.navigate( url [, data ] )

Modifiez l'URL et suivez l'historique. Fonctionne pour les navigateurs et les nouvelles API sans historique

• url : est un paramètre obligatoire. Type : String

• data : est un paramètre facultatif. Type : Objet.

Modifiez le fragment de hachage deux fois, puis enregistrez l'historique du déplacement du navigateur vers l'arrière lors de la fourniture de données d'événement de navigation

// Starting at http://example.com/
// Alter the URL: http://example.com/ => http://example.com/#foo

$.mobile.navigate( "#foo", { info: "info about the #foo hash" });
 
// Alter the URL: http://example.com/#foo => http://example.com/#bar

$.mobile.navigate( "#bar" );
 
// Bind to the navigate event

$( window ).on( "navigate", function( event, data ) {
 console.log( data.state.info );
 console.log( data.state.direction )
 console.log( data.state.url )
 console.log( data.state.hash )
});


 
// Alter the URL: http://example.com/#bar => http://example.com/#foo

window.history.back();
 
// From the `navigate` binding on the window, console output:
// => "info about the #foo hash"
// => "back"
// => "http://example.com/#bar
// => "#bar"

Détournez un lien, cliquez et utilisez la méthode de navigation, puis chargez le contenu

// Starting at http://example.com/
// Define a click binding for all anchors in the page

$( "a" ).on( "click", function( event ) {
 
 // Prevent the usual navigation behavior

 event.preventDefault();
 
 // Alter the url according to the anchor's href attribute, and
 // store the data-foo attribute information with the url
 $.mobile.navigate( this.attr( "href" ), { foo: this.attr( "data-foo" ) });
 
 // Hypothetical content alteration based on the url. E.g, make
 // an ajax request for JSON data and render a template into the page.

 alterContent( this.attr( "href" ) );
});

Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile. à l'apprentissage de tous. Plus de contenu connexe Veuillez faire attention au site Web PHP chinois !

Recommandations associées :

Comment jquery obtient les paramètres d'URL et l'URL plus les paramètres

La technologie Jquery ajax implémente l'intervalle de N secondes Pass valeur à une page

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!