添加动态元素

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>

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

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

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

Answer 1

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