javascript - 添加动态元素

Question

我正在使用下面的代码来使用 Jquery UI slider 。

<script>
$(function() {
   $( "#slider" ).slider({
      value:100,
      min: 0,
      max: 500,
      step: 50,
      slide: function( event, ui ) {
         $( "#amount" ).val( "$" + ui.value );
      }
   });
   $( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
});
</script>

如何用一个按钮添加多个 slider ？我想在单击下面的按钮时添加 slider 元素。

<div id="adding"></div>

我该如何控制它们？这个 slider 有一个 jQuery 代码可以工作...

Answer 1

$("#adding").click(function() {
    $("<div>").slider({
        // options
    }).appendTo("#sliderContainer");
});