прикрепить массив к событию в JavaScript?

Question

var image = [];

for (var i = 0; i < test.length; i++) {         
    image[i]= Titanium.UI.createImageView({ 
        top: row,
        image: avatar                                
    });             
    win.add(image[i]);
}

image[i].addEventListener('click', function (e) {
    alert('image number'+i);
});

Я пытаюсь прикрепить событие к массиву, но его объект произнесен неопознанным! :)) в чем дело!!

Answer 1

Это на самом деле не новое решение, просто исправление ответа @Mahesh Velaga:

var image = [];
for (var i = 0; i < test.length; i++) {         
    image[i]= Titanium.UI.createImageView({ 
        top:row,                 
        image:avatar                                
    });             
    win.add(image[i]);

    (function(i) {  // -- added (inti)

        image[i].addEventListener('click', function (e) {
            alert('image number'+i);
        });

    })(i);          // -- added (inti)
}

Вам нужно замыкание вокруг eventListener, чтобы значение i было локальным для его обратного вызова.

Answer 2

Ваша переменная i вне индекса

Нет image[test.length] и, следовательно, выдает ошибку (поскольку i = test.length после выхода из цикла)

Редактировать

Попробуйте следующее:

var image = [];
for (var i = 0; i < test.length; i++) {         
    image[i]= Titanium.UI.createImageView({ 
        top:row,                 
        image:avatar                                
    });             
    win.add(image[i]);
    setEventListner(i);
}

function setEventListener(index) {
    image[index].addEventListener('click', function (e) {
         alert('image number'+ index);
    });
}