2014-06-08 88 views
0

我正在使用下面的代碼來使用Jquery UI滑塊。在div中添加動態腳本

<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中動態地將此腳本廣告?

<div id="addscript"></div> 

我想這樣做因爲我生成的滑塊和一些文本框動態像這樣。

感謝

+0

你是說你想按下按鈕時執行腳本嗎?如果是這樣你想要使用按鈕和功能的點擊事件 – Yoda

+0

你爲什麼不把它放在一個函數中,並通過點擊來調用它? –

回答

1

正如我在評論暗示,你會想這樣的事情,確保你換出任何ID分配給你的「按鈕ID」。

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

不,我已經有一個按鈕,當我按下它時,我在div中添加一個滑塊。每個滑塊旁邊我有一個div,我想顯示一個數字,當我滑動滑塊..但我爲每個滑塊單獨工作。 –

+0

你已經接受了我的回答,但我從這個評論中得到了一個印象,你希望得到進一步的幫助?你想讓我爲你所描述的創造一個jsfiddle嗎? – Yoda