文档介绍:wangjian223344的专栏
jquery mobile 4 回退
分类: 手持html5phone Gap JQuery moblie 2013-11-06 15:37 60人阅读评论(0) 收藏举报
callbackjquery mobile
使用jquerymobile的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使
用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果这个页面有多个入口
(即可以从多个页面跳入本页面),那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的
data-add-back-btn属性,并将其值设为true。这样jquerymobile会自动为我们记住该返回哪个页面。下面看一个例
子代码:
<!Doctype html>
<html>
<head>
<title>Phone Gap Introduce</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="../JS/-"/>
<link rel="stylesheet" type="text/css" href="../JS/-"/>
<link rel="stylesheet" type="text/css" href="../JS/-"/>
<script type="text/javascript" src="../JS/"></script>
<script type="text/javascript" src="../JS/"></script>
<script type="text/javascript" src="../JS/-"></script>
<script type="text/javascript">
$('#PageOne').live('pageinit', function(event){
var showTip = function(){
("this is a message from page one!", null, "Message", "Close");
$(this).die("click");
};
var confirm = function(){
(
'You are the winner!', // message
null, // callback to invoke with index of button pressed
'Game Over',