Heim > Web-Frontend > js-Tutorial > Hauptteil

So laden Sie den Navigationsverlauf, wenn Sie die mobile jQuery-Klassenbibliothek verwenden

不言
Freigeben: 2018-07-02 14:45:46
Original
1481 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode zum Laden des Navigationsverlaufs in der mobilen jQuery-Entwicklung vorgestellt. jQuery mobile ist eine von jQuery für mobile Geräte entwickelte JavaScript-Bibliothek. Freunde in Not können darauf verweisen

jQuery.mobile.navigate( url [, data ] )
Nach dem Login kopieren

URL ändern und Verlauf verfolgen. Funktioniert für Browser und neue APIs ohne Verlauf

  • URL: ist ein erforderlicher Parameter. Typ: String

  • Daten: ist ein optionaler Parameter. Typ: Objekt.

Verlauf der Browserbewegung rückwärts, wenn das Hash-Fragment zweimal geändert wurde, und anschließendes Protokoll mit Bereitstellung von Navigationsereignisdaten

// 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"
Nach dem Login kopieren

Hijack a Klicken Sie auf den Link, verwenden Sie die Navigationsmethode und laden Sie dann den Inhalt

// 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" ) );
});
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels Inhalt, bitte achten Sie auf PHP Chinese Net!

Verwandte Empfehlungen:

Wie JQuery URL-Parameter und URL-Plus-Parameter erhält

JQuery Ajax-Technologie implementiert Intervall N Sekunden Pass Wert für eine Seite

Das obige ist der detaillierte Inhalt vonSo laden Sie den Navigationsverlauf, wenn Sie die mobile jQuery-Klassenbibliothek verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage