onmouseenter - 新しい要素ごとの動的関数変数

Question

Javascriptで作成された要素をforループ内に追加します。 私が達成しようとしているのは、各要素の関数に渡される異なる変数です。ここ

は私のコードは次のとおり可変total_uploadが自動的に各ループの最後で増分される

var thumbnail_box = document.createElement("div"); 
thumbnail_box.onmouseenter = function(){show_new_attachement_toolbar(total_upload)}; 
thumbnail_box.onmouseleave = function(){hide_new_attachement_toolbar(total_upload)}; 

、しかしすべての要素が追加される場合、機能は、の最終値のトリガtotal_upload各要素に別々の値ではなく

Answer 1

単純な修正は、そのコードをIIFEにラップすることです。

(function(x) { 
    var thumbnail_box = document.createElement("div"); 
    thumbnail_box.onmouseenter = function() { show_new_attachement_toolbar(x) }; 
    thumbnail_box.onmouseleave = function() { hide_new_attachement_toolbar(x) }; 
})(total_upload); 

あなたはthis