jQuery Mobile中$.mobile.changePage()方法的changeHash选项
时间:2014-12-16 10:20 来源: 我爱IT技术网 作者:微风
jQuery Mobile - 关于 changeHash
Tool:Visual Studio 2012 Ultimate
OS:Windows 8
.NET Framework : 4.5
jQuery Mobile的$.mobile.changePage()方法有一个changeHash选项可以设置。changeHash默认为true,用来指定是否升级浏览历程(history),若设为true会升级历程(history),增加一笔历史记录,若设为false,新载入的页面会取代目前浏览器历程(browser history),因此未来不能用back按钮回到此页。
例如以下范例HTML有两个Page:Page1与Page2,Page1包含一个<a>利用程序叫用changePage()方法跳到Page2
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><meta name="viewport" content="width=device-width, initial-scale=1" /><link href="Content/jquery.mobile-1.2.0.min.css" rel="stylesheet" /><script src="Scripts/jquery-1.8.3.min.js"></script><script src="Scripts/jquery.mobile-1.2.0.min.js"></script><script>$(function () {$("#goPage2").click(function () {$.mobile.changePage("#Page2", {changeHash: false});});});</script></head><body><div data-role="page" id="Page1"><div data-role="content"><p><a id="goPage2" data-role="button">跳到Page2</a></p></div></div><div data-role="page" id="Page2"><div data-role="content">Page2</div></div></body></html>
changeHash设为false时执行:

跳到Page2,则回上一页的按钮是disable的,不能点击:

将changeHash改为true,执行,则可以点击回上一页的按钮:

本文作者:米米猫
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
