jQuery动态滑块

Question

知道为什么这样不行吗?我要做的是动态地添加一些div标签，然后用滑动条应用它们。

    $(function () {
        var testarea =  $('<div id="testarea" />');
        for (var i = 0; i < 3; i++) {
            $('<div class="testslider"></div>').appendTo(testarea);
        }
        $('#somearea').html(testarea.html());
        $(".testslider").slider({
            value: 100,
            min: 0,
            max: 500,
            step: 100,
            slide: function (event, ui) {
            }
        });
   });

html:

<div id="somearea"></div>

如果我只是添加div标签通常就像这样，那么它就可以了所以我不太确定如何动态地应用它

Answer 1

不妨一次完成

$(function () {
    for (var i = 0; i < 3; i++) {
        $('<div class="testslider"/>').slider({
            value: 100,
            min: 0,
            max: 500,
            step: 100,
            slide: function (event, ui) {
            }
        }).appendTo('#testarea');
    }
});