Question

我使用下面的代码来使用Jquery UI滑块。

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

我想这样做，因为我正在生成滑块和一些文本框动态像这样。

由于

Answer 1

正如我在评论中暗示的那样，你会想要这样的东西，确保你换掉'button-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>

在div中添加脚本动态

1 个答案: