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函数都必须嵌入到函数侦听器中，我必须以某种方式将它绑定到ready事件。这是在值更改时使滑块更新的最佳方法吗？如果是这样，我该如何做呢？

Answer 1

您的所有animationCallback功能都在关闭相同的drag_button_id变量因此，他们都更新了最后一个。

您需要将for循环的主体包装在一个单独的函数中，以便每个闭包获得自己的变量（因为Javascript没有块作用域）。

如何将动态创建的对象绑定到文档就绪事件？

1 个答案: