添加动态元素

Question

我使用下面的代码来使用。

<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>

如何用一个按钮添加多个滑块？当我点击下面的按钮时，我想要添加滑块元素。

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

我怎样才能控制他们？这个滑块有一个jQuery代码可以工作..。

Answer 1

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