JQuery Mobile navigate用法及代码示例

navigate event

添加的版本：1.3

说明：popstate 的包装事件

导航事件是popstate 事件的包装。除了为所有浏览器提供单个事件之外，它还在两种情况下都提供了一个数据对象，以允许统一处理程序。 $.mobile.navigate 方法使用此函数来包含方向性和 URL 信息。

例子：

更改哈希片段两次，然后在浏览器向后移动历史记录时记录导航事件提供的数据。注意：默认情况下，仅支持 hashchange 的浏览器不会提供状态。有关该函数，请参阅导航方法文档。

// Bind to the navigate event
$( window ).on( "navigate", function( event, data ) {
  console.log( data.state );
});
 
// Trigger a navigate event by pushing state
window.history.pushState( { foo: "bar" }, "Title", "http://example.com/#foo" );
 
// From the `navigate` binding on the window, console output:
// => {}
 
// Trigger a navigate event by pushing state
window.history.pushState( {}, "Title", "http://example.com/#bar" );
 
// From the `navigate` binding on the window, console output:
// => {}
 
// Trigger a navigate event by moving backward through history
window.history.back();
 
// From the `navigate` binding on the window, console output:
// => { foo: "bar" }

相关用法

注：本文由纯净天空筛选整理自jquerymobile.com大神的英文原创作品 navigate。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。