javascript - 多次调用一个javascript函数

Question

我有几个:

        <div class="enunt">text here</div>
        <div class="ans"><input type="text" id="amount1" style="border: 0; color: #f6931f; font-weight: bold;" /></div>
        <div id="slider1" class="slide"></div>

其他的结构相同，但 id 的索引号不同。我需要一个函数来设置 JQuery slider 。我所做的是:

            function slider(i) {
                $( '#slider' + i ).slider({
                    value:4,
                    min: 1,
                    max: 7,
                    step: 1,
                    slide: function( event, ui, i ) {
                        $( '#amount' + i ).val( ui.value );
                    }
                });
                $( '#amount' + i ).val( $( '#slider' + i ).slider( "value" ) );
            }

然后这样调用它:

for (var i=1; i<6; i++)
    slider(i);

这根本行不通。我的错误在哪里？这是我的第一个 JQuery 应用程序，所以请多多关照。

Answer 1

你赋给slide的函数只需要两个参数，应该是

        function slider(i) {
            $( '#slider' + i ).slider({
                value:4,
                min: 1,
                max: 7,
                step: 1,
                slide: function( event, ui ) {
                    $( '#amount' + i ).val( ui.value );
                }
            });
            $( '#amount' + i ).val( $( '#slider' + i ).slider( "value" ) );
        }

还要确保包含 jquery ui JS 和 CSS 文件

http://jsfiddle.net/mowglisanu/Z2aaE/1/