Javascript PhoneGap-Can'；找不到变量

所以我用js制作了一个简单的幻灯片，在一个页面中显示照片，问题是每当我尝试幻灯片时，控制台都会显示错误

ReferenceError:找不到变量：next

这是我的代码：

幻灯片js代码：

    <script>
var myImage= new Array(); 
myImage[0]="1.jpg";       
myImage[1]="2.jpg";
myImage[2]="3.jpg";
myImage[3]="4.jpg";
myImage[4]="5.jpg";
myImage[5]="6.jpg"; 
myImage[6]="7.jpg"; 
myImage[7]="8.jpg"; 
myImage[8]="9.jpg"; 
myImage[9]="10.jpg"; 
myImage[10]="11.jpg"; 
myImage[11]="12.jpg";   

var ImageCnt = 0;

function next(){
    ImageCnt++;
    document.getElementById("whiteBox").style.background = 'url(' + myImage[ImageCnt] + ')';
  }
function previous(){
    ImageCnt--;
    document.getElementById("whiteBox").style.background = 'url(' + myImage[ImageCnt] + ')';
  }
</script>

var myImage=新数组（）；
myImage[0]=“1.jpg”；
myImage[1]=“2.jpg”；
myImage[2]=“3.jpg”；
myImage[3]=“4.jpg”；
myImage[4]=“5.jpg”；
myImage[5]=“6.jpg”；
myImage[6]=“7.jpg”；
myImage[7]=“8.jpg”；
myImage[8]=“9.jpg”；
myImage[9]=“10.jpg”；
myImage[10]=“11.jpg”；
myImage[11]=“12.jpg”；
var-ImageCnt=0；
函数next（）{
ImageCnt++；
document.getElementById（“whiteBox”）.style.background='url（'+myImage[ImageCnt]+'）；
}
函数previous（）{
图像处理；
document.getElementById（“whiteBox”）.style.background='url（'+myImage[ImageCnt]+'）；
}

html正文代码：

<div data-role="content">
    <div id="whiteBox"></div>
    <a href="#" onclick="next();return false;"><img src="next.png"/></a>
    <a href="#" onclick="previous();return false;"><</a>
    </div>

您是否尝试过在控制台中调用它

使用Google chrome按CTRL+SHIFT+J并键入
next（）

或者试试这个

<a href="#" onclick="javascript:next();"><img src="next.png"/></a>


如果我用浏览器打开网站，脚本会工作，但是当我用模拟器运行它时，我会得到错误引用错误：找不到变量：下一个可能只是一个phonegap错误？或者你有下一个变量？在我编写这个js脚本之前，我用“
”创建了一个简单的html导航菜单“”，并创建了一个脚本，通过单击“”使子菜单可见，它向我显示了相同的内容…，脚本是“function show（）{$（“.show”）.css（“可见性”，“可见”）}，它向我显示了错误ReferenceError。找不到变量show。也许我需要用另一种方式创建函数，因为phonegap似乎无法使用简单的js函数扫描所有HTML？这段代码基本上适用于我的测试Phonegap应用程序。还有，你说的控制台是什么意思？你是说logcat输出吗？