1

こんにちは私はjQueryスライダーを使用して、アンケートで人々の意見を取り入れています。スライダーで1から10の値を選択するか、わからない場合は「わからない」を選択できます。私が抱えている問題は、数字が1から10になるはずであるとスライダーを動かせないようで、何も選択されていない場合は最初の値であることがわからないことです。下のコードを使用すると、スライダーがまったく動かなくなります。また、選択ボックスにバインドされ、それを制御します。

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
$(function() {
    var select = $( "#enjoyusingdevice" );
    var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
        min: dontknow,
        max: 10,
        range: "min",
        value: select[ 0 ].selectedIndex + 1,
        slide: function( event, ui ) {
            select[ 0 ].selectedIndex = ui.value - 1;
        }
    });
    $( "#enjoyusingdevice" ).change(function() {
        slider.slider( "value", this.selectedIndex + 1 );
    });
});
</script>
4

1 に答える 1

1

値は数値である必要があります。また、あなたdontknowは引用符で囲まれていないので、実際には、という名前の変数を探していますdontknowが、これは存在しないと推測しているので、min実際にはに設定されていundefinedます。

回避策として、「わからない」のチェックボックスを別にして、スライダーの値を1〜10にすることができます。ユーザーがこのチェックボックスをオンにすると、スライダーが無効になります。

于 2012-12-04T11:34:34.090 に答える