javascript - インデックス変数がjavascript配列で機能しないのはなぜですか?

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 のような整数に置き換えようとしたので、これは機能します。しかしvariable(dataURLindex)、インデックスとして使用すると、再び無効になります。奇妙なのは、alert(img_dataURLs[dataURLindex]) 私がコンテンツを見ることができるということです...そしてalert(dataURLindex)正しい番号を表示します...

私は本当に別の可能な障害を見つけることができません。提案をお願いします。