jQuery动态滑块

你知道为什么这行不通吗？我试图做的是动态添加一些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) {
            }
        });
   });

$（函数（）{
var testarea=$（''）；
对于（变量i=0；i<3；i++）{
$（''）。附录（testarea）；
}
$（'#somearea'）.html（testarea.html（））；
$（“.testslider”）.slider({
数值：100，
分:0,，
最高：500，
步骤：100，
幻灯片：功能（事件、用户界面）{
}
});
});

html:

---

如果我只是像通常那样添加div标记，那么就可以了，因此我不太确定如何动态应用它。

也可以一次完成

$(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');
    }
});

$（函数（）{
对于（变量i=0；i<3；i++）{
$（''）。滑块({
数值：100，
分:0,，
最高：500，
步骤：100，
幻灯片：功能（事件、用户界面）{
}
}).appendTo（“#testarea”）；
}
});

无论如何，也可以一次性完成

$(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');
    }
});

$（函数（）{
对于（变量i=0；i<3；i++）{
$（''）。滑块({
数值：100，
分:0,，
最高：500，
步骤：100，
幻灯片：功能（事件、用户界面）{
}
}).appendTo（“#testarea”）；
}
});

如果是动态的，而不是硬编码的，会怎么样？不会有什么区别。试试看。基本上它只会打印出[object object]，打印出的[object object]是什么，在哪里？我试着做一些类似于var sliderarea=$（''）的事情；然后是$（''）.slider（{…）.appendTo（sliderarea）；现在我想显示这个sliderarea。如果我使用sliderarea它的[object object]，所以我尝试了sliderarea.html（），但是内容没有显示出来。如果它也是动态的，没有硬编码呢？不会有什么区别。试试吧。基本上它只会打印出[object object]，打印出什么内容[object object]和何处？我试图做一些类似于var sliderarea=$（''）；然后是$（''）.slider（{…）.appendTo（sliderarea）；现在我想显示这个sliderarea。如果我使用sliderarea它的[object object]，所以我尝试了sliderarea.html（），但没有显示内容。