Question

我创建了一个按钮（new_a_window），按下它后，它会在html中添加一个带有图像的按钮。

$( '#new_a_window').bind('click',function(){
    $('#story_pages').append('<div><button value="'+window_value+'" onclick="reload_to_canvas(this.value) "  ><img id= "w'+window_value+'" src="../pic/white_img.png" width="100px", height="100px"/> </button></div>');
    window_value= window_value+1;   
});

当点击每个新按钮时，它会将其值发送给一个函数：

var write_back_to_canvas;
function reload_to_canvas(dataURLindex){    
    write_back_to_canvas = new Image(); //to new a object each time.        
    alert(dataURLindex);//check the dataURLindex content.
    current_page=dataURLindex; 
    write_back_to_canvas.src= img_dataURLs[dataURLindex];
    context.drawImage(write_back_to_canvas,0,0);
}

问题在于：这不起作用。（将dataURL的图像重绘到画布上）经过多次测试，我发现问题不是关于画布的drawImage方法。

这是dataURLindex的问题。

因为我试图将参数dataURLindex替换为整数，如：0,1,2或3 ......这就是工作。但是当我使用变量（dataURLindex）作为索引时，它再次变为无效。奇怪的是，当我发出警报时（img_dataURLs [dataURLindex]）我可以看到内容......并且警报（dataURLindex）显示正确的数字......

我真的找不到其他可能的错误。请任何建议〜谢谢。

为什么索引变量不适用于javascript数组？

0 个答案: