jQuery mobile類庫使用時加載導航歷史的方法簡介
更新時間:2015年12月04日 15:20:43 投稿:goldensun
這篇文章主要介紹了jQuery mobile開發(fā)中加載導航歷史的方法,jQuery mobile是jQuery針對移動設備開發(fā)的JavaScript庫,需要的朋友可以參考下
jQuery.mobile.navigate( url [, data ] )
改變URL和跟蹤歷史。作品為瀏覽器和無歷史新的API
- url:是必須的參數(shù)。類型:字符串
- data:是可選的參數(shù)。類型:對象。
更改哈希片段兩次然后日志提供導航事件數(shù)據(jù)時,瀏覽器向后移動的歷史
// 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"
劫持一個鏈接點擊使用導航方法,然后加載內(nèi)容
// 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" ) ); });
相關文章
使用jQuery中的wrap()函數(shù)操作HTML元素的教程
wrap(),顧名思義,就是包裹的意思,就是在你所在器外層包裹一層東西,接下來我們就詳細來看使用jQuery中的wrap()函數(shù)操作HTML元素的教程:2016-05-05基于jQuery實現(xiàn)點擊同時更改兩個iframe的網(wǎng)址
最近寫了兩個管理后臺的前端頁面,其中有一個管理后臺,左側(cè)菜單導航和右側(cè)內(nèi)容頁是兩個iframe,需求是,點擊上面的主導航時,左側(cè)iframe和右側(cè)iframe調(diào)用不同的鏈接.2010-07-07jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動頁面到指定錨點鏈接的方法,涉及jquery鼠標事件及頁面滾動的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07寫得不錯的jquery table鼠標經(jīng)過變色代碼
鼠標經(jīng)過table變色的效果,想必大家都有遇到過吧,其實實現(xiàn)并不難,在本文為大家詳細介紹下jquery是如何實現(xiàn)的,感興趣的朋友可以參看下2013-09-09