Как связать динамически созданный объект с событием готовности документа?

Question

У меня есть функция, которая динамически создает ползунок элемента, используя следующий код:

function NewDiv(){ 
     for (var count=0; count < parseFloat(sessvars.storey_count); count++) 
      { 
       var string="<br><div id='my-slider"+count+"' class='dragdealer'><div class='red-bar handle'><span id='drag-button"+count+"'>drag me</span></div></div>"; 
       $("body").append(string); 

       var slider_id ="my-slider"+count; 
       var drag_button_id = "drag-button"+count; 

       //OBJECT GETS CREATED BELOW 
       new Dragdealer(slider_id,{horizontal: true,x:Math.random(),animationCallback: function(x, y){ 
       document.getElementById(drag_button_id).innerHTML = x.toFixed(2); 
      } 
     }); 
    } 
} 

Однако функция animationCallback, которая вызывается каждый раз, когда ползун перемещается должен быть встроен в функции слушателя, и я должен как-то связать его, возможно, с готовым событием. Это лучший способ сделать обновление ползунка при изменении его значения? И если да, то как мне это сделать?

Answer 1

Все ваши функции animationCallback закрываются над той же переменной drag_button_id.
Поэтому они все обновляют последний.

Вам необходимо обернуть тело цикла for в отдельной функции, чтобы каждое закрытие получало свою собственную переменную (поскольку Javascript не имеет области блока).