如何$后运行的回调函数.mobile.changePage准备在jQuery的
2个回答
展开全部
在这个项目中的jQuery和PhoneGap的 我有一个链接，如果点击，改变页面：$('#statsButtonmain').on('click', function() {
$.mobile.changePage("stats.html", { transition: "slideup"}, true, true);
});
这工作得很好，但我想运行一个函数（playMusic()）时的过渡完成，如下所示：$('#statsButtonmain').on('click', function() {
$.mobile.changePage("stats.html", { transition: "slideup"}, true, true);
playMusic();
});
我发现，有一个pageshow正在显示事件被触发的页面上，之后它但是我不知道它是如何 这似乎并没有工作，任何想法？ 谢谢
本文地址 ：CodeGo.net/418637/
-------------------------------------------------------------------------------------------------------------------------
1. 我没有做了很多一所以这可能不是最有效的解决方案。正如你说的，pageshow事件是你所需要的下面是2的HTML文件，我在本地跑在我看到后报警stats.html页面转换的.live()被绑定到#stats页面pageshow事件。 HTML （另存为）<!doctype html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href=" CodeGo.net />
<script type="text/javascript" src=" CodeGo.net
<script type="text/javascript" src=" CodeGo.net
<script type="text/javascript">
$(document).ready(function() {
$('#statsButtonmain').on('click', function() {
$.mobile.changePage('stats.html', { transition: 'slideup'}, true, true);
});
$('#stats').live('pageshow', function(event, ui) {
playMusic();
});
function playMusic() {
alert('playing music');
}
});
</script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>Callback test</h1>
</div>
<div data-role="content">
<a href="#" id="statsButtonmain">click me</a>
</div>
</div>
</body>
</html>
（另存为）<!doctype html>
<html>
<head>
<title>Stats</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href=" CodeGo.net />
<script type="text/javascript" src=" CodeGo.net
<script type="text/javascript" src=" CodeGo.net
</head>
<body>
<div data-role="page" id="stats">
<div data-role="content">some stats</div>
</div>
</body>
</html>
$.mobile.changePage("stats.html", { transition: "slideup"}, true, true);
});
这工作得很好，但我想运行一个函数（playMusic()）时的过渡完成，如下所示：$('#statsButtonmain').on('click', function() {
$.mobile.changePage("stats.html", { transition: "slideup"}, true, true);
playMusic();
});
我发现，有一个pageshow正在显示事件被触发的页面上，之后它但是我不知道它是如何 这似乎并没有工作，任何想法？ 谢谢
本文地址 ：CodeGo.net/418637/
-------------------------------------------------------------------------------------------------------------------------
1. 我没有做了很多一所以这可能不是最有效的解决方案。正如你说的，pageshow事件是你所需要的下面是2的HTML文件，我在本地跑在我看到后报警stats.html页面转换的.live()被绑定到#stats页面pageshow事件。 HTML （另存为）<!doctype html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href=" CodeGo.net />
<script type="text/javascript" src=" CodeGo.net
<script type="text/javascript" src=" CodeGo.net
<script type="text/javascript">
$(document).ready(function() {
$('#statsButtonmain').on('click', function() {
$.mobile.changePage('stats.html', { transition: 'slideup'}, true, true);
});
$('#stats').live('pageshow', function(event, ui) {
playMusic();
});
function playMusic() {
alert('playing music');
}
});
</script>
</head>
<body>
<div data-role="page" id="home">
<div data-role="header">
<h1>Callback test</h1>
</div>
<div data-role="content">
<a href="#" id="statsButtonmain">click me</a>
</div>
</div>
</body>
</html>
（另存为）<!doctype html>
<html>
<head>
<title>Stats</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" href=" CodeGo.net />
<script type="text/javascript" src=" CodeGo.net
<script type="text/javascript" src=" CodeGo.net
</head>
<body>
<div data-role="page" id="stats">
<div data-role="content">some stats</div>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你问的什么东西啊？回调函数吗？直接用就可以了~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
