PhoneGap - 找不到变量

时间:2013-05-13 17:00:54

标签: javascript function variables cordova slideshow

所以我在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>

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>

我在互联网上搜索并发现了许多类似情况,但我找不到解决方案。

1 个答案:

答案 0 :(得分:1)

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

使用Google Chrome按CTRL + SHIFT + J并输入next();

或试试这个;

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