jQuery привязка к событиям в реальном времени

Question

У меня есть требование, так как я буду динамически получать набор div, имеющих случайный идентификатор от моего веб-сервиса. И как только он добавлен в мой html, я хотел бы привязать некоторые события к идентификатору. теперь моя проблема заключается в том, что я привязываю событие, используя цикл для массива ID, когда область действия цикла заканчивается.

например:

var arrID={'1','2','3'}; 
for(var d in arr) 
{ 
    arrID.live("click",function() {}); 
} 

//scope of for loop finishes here, hence the scope of click also. 

Как преодолеть эту проблему? Благодарю.

Answer 1

Вы не можете привязать событие click к объекту JavaScript. Он должен быть связан с объектом JQuery DOM. Попробуйте следующее:

var arrID=['1','2','3']; 

$.each(arrID, function(index, value) { 
    $('#' + value).live('click',function(){ 
     // Do something 
    }); 
}); 

Настоящая рабочая демонстрация. Уведомление только первые 3 созданные дивы имеют связанное событие: http://jsfiddle.net/FxwpC/

Answer 2

Вы, наверное, хотите что-то вроде этого:

$("#my-id-name-" +d).live("click", function() { 
    $(this).doSomeThing(); 
}); 

Answer 3

var arrID=['1','2','3']; 
for(var d in arrID) 
{ 
    $("#"+d).live("click",function() {}); 
}