Javascript 当我切换到div页面时,音频脚本停止工作
谢谢你的关注 我不是一个程序员,我只是拼凑了一个简单的原则证明“应用程序”(使用一点html、jquery和javascript),有几页、一点文本、一个图像和一个音频片段 然而,我还需要从一个页面滑动到另一个页面,并且在使用单独的html文件时遇到了问题。最后,通过在一个索引文件中使用3个“页面”,我成功地使刷卡工作得很好(欢呼),但随后音频中断(boo)-注意:它在单独的html文件中工作得很好 我认为三个相同的音频脚本(每个“页面”上一个)具有相同的函数名肯定有问题,所以我将它们更改为唯一的。它仍然不起作用。我也尝试过更改变量名,没有任何风险 有人能提出一个可以解决这个问题的办法吗?我相信这很简单,但我被卡住了 这是我的索引页:Javascript 当我切换到div页面时,音频脚本停止工作,javascript,jquery,html,audio,Javascript,Jquery,Html,Audio,谢谢你的关注 我不是一个程序员,我只是拼凑了一个简单的原则证明“应用程序”(使用一点html、jquery和javascript),有几页、一点文本、一个图像和一个音频片段 然而,我还需要从一个页面滑动到另一个页面,并且在使用单独的html文件时遇到了问题。最后,通过在一个索引文件中使用3个“页面”,我成功地使刷卡工作得很好(欢呼),但随后音频中断(boo)-注意:它在单独的html文件中工作得很好 我认为三个相同的音频脚本(每个“页面”上一个)具有相同的函数名肯定有问题,所以我将它们更改为唯一
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HELLO</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile- 1.2.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
<!-- set page swipes -->
<script>
<!--
$('div.ui-page').live("swipeleft", function(){
var nextpage = $(this).next('div[data-role="page"]');
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, "slide", false, true);
}
});
$('div.ui-page').live("swiperight", function(){
var prevpage = $(this).prev('div[data-role="page"]');
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, {transition: "slide",
reverse: true}, true, true);
}
});
// -->
</script>
</head>
<body>
<!-- Page 1 -->
<div data-role="page" id="home">
<div data-role="header" data-theme="b">
<h1>Bok!</h1>
</div><!-- /header -->
<div data-role="content" align="center">
<img src="Aron_pic.png" width="170" height="170" alt="Lovely boy"></a><br>
<br><br>
<!-- audio script -->
<button onclick="playHi('hi.mp3')">Hi!</button>
<script src="phonegap.js"></script>
<script>
function playHi(src) {
if (device.platform == 'Android') {
src = '/android_asset/www/' + src;
}
var media = new Media(src, success, error_error);
media.play();
}
function success() {
// ignore
}
function error_error(e) {
alert('Error: check URL');
alert(e.message);
}
</script>
<!-- ???? -->
</div><!-- /end body content -->
</div><!-- /end page 1 -->
<!-- page 2 -->
<div data-role="page" id="goodbye">
<div data-role="header" data-theme="b">
<h1>Dovizenja!</h1>
</div>
<div data-role="content" align="center">
<img src="Aron_pic.png" width="170" height="170" alt="Lovely boy"></a><br>
<br><br>
<!-- AUDIO FUNCTION -->
<button onclick="playBye('goodbye.mp3')">Goodbye!</button>
<script src="phonegap.js"></script>
<script>
function playBye(src) {
if (device.platform == 'Android') {
src = '/android_asset/www/' + src;
}
var media = new Media(src, success, error_error);
media.play();
}
function success() {
// ignore
}
function error_error(e) {
alert('Error: check URL');
alert(e.message);
}
</script>
</div><!-- / end body content -->
</div><!-- /end page 2 -->
<!-- new page 3 -->
<div data-role="page" id="thankyou">
<div data-role="header" data-theme="b">
<h1>Hvala!</h1>
</div>
<div data-role="content" align="center">
<img src="Aron_pic.png" width="170" height="170" alt="Lovely boy"></a><br>
<br><br>
<!-- AUDIO FUNCTION -->
<button onclick="playThanks('thankyou.mp3')">Thank you!</button>
<script src="phonegap.js"></script>
<script>
function playThanks(src) {
if (device.platform == 'Android') {
src = '/android_asset/www/' + src;
}
var media = new Media(src, success, error_error);
media.play();
}
function success() {
// ignore
}
function error_error(e) {
alert('Error: check URL');
alert(e.message);
}
</script>
</div><!-- / end body content -->
</div><!-- /end page 3 -->
</body>
</html>
你好
博克!
你好
函数playHi(src){
如果(device.platform=='Android'){
src='/android_asset/www/'+src;
}
var media=新媒体(src、success、error\u error);
媒体播放();
}
函数成功(){
//忽略
}
功能错误\u错误(e){
警报(“错误:检查URL”);
警报(e.message);
}
多维森亚!
再见!
函数playbay(src){
如果(device.platform=='Android'){
src='/android_asset/www/'+src;
}
var media=新媒体(src、success、error\u error);
媒体播放();
}
函数成功(){
//忽略
}
功能错误\u错误(e){
警报(“错误:检查URL”);
警报(e.message);
}
哈瓦拉!
非常感谢。
函数(src){
如果(device.platform=='Android'){
src='/android_asset/www/'+src;
}
var media=新媒体(src、success、error\u error);
媒体播放();
}
函数成功(){
//忽略
}
功能错误\u错误(e){
警报(“错误:检查URL”);
警报(e.message);
}
浏览器控制台中有任何错误吗?我没有收到任何错误。我一直在把它包装在Phonegap构建中,并把它放在我的Android手机上。它只是没有声音。你有没有试着在没有phonegap的情况下直接启动页面?嗯,我不知道那是什么意思。我把它放在浏览器里了,但是音频的代码从来都不起作用,只在设备上。重点是,音频在单独的页面中是好的,但在一个包含div页面的长索引页面中就不是了