2

最小値が 1 で最大値が 400 の jquery スライダーがあります。スライダーを動かすと、対応する値がテキスト ボックスに表示されます。ただし、テキストボックスとスライダーの両方で pageLoad の最小値を表示したいのですが、どうすればこれを達成できますか? これは私のスライダーコードです

/*slider begin*/

    $("#slider").slider({

        value:1,
        max:400,
        min:1,
        /*
         change:function(event,ui){
                     $("input#amt").val(ui.value)
                 }
         */

        slide: function(event, ui) {   $("#amt").val(ui.value) }

    });

     $("#amt").change(function(event) {
   var data = $("#amt").val();
   if (data.length > 0) 
   {
      if (parseInt(data) >= 0 && parseInt(data) <= 400) 
      {
          $("#slider").slider("option", "value", data);
      }
      else
      {
        if (parseInt(data) < 0) 
        {
          $("#amt").val("0");
          $("#slider").slider("option", "value", "0");
        }
        if (parseInt(data) > 400) 
        {
          $("#amt").val("400");
          $("#slider").slider("option", "value", "400");
        }
     }
   }
    else
    { 
      $("#slider").slider("option", "value", "1"); 
    }   
   });

    /*slider end*/
4

2 に答える 2

2

最初にスライダーの値を設定できます。

$("#slider").slider( "value" , 1);

そして、それを読んでテキストボックスの値を設定します（または、テキストボックスの値を-1に設定するだけですが、あまりきれいではありません）

$("#amt").val($("#slider").slider( "value"));
于 2012-08-29T10:55:09.240 に答える
0

スライダーはそのまま 1 に設定する必要があります。スライダーの値オプションは次のことを行います。API から:

ハンドルが 1 つしかない場合、スライダーの値を決定します。ハンドルが複数ある場合は、最初のハンドルの値を決定します。

コード例

value オプションを指定してスライダーを初期化します。

$( ".selector" ).slider({ value: 37 });

次のようにテキストボックスの値を設定できます。

$("#amt").val(1);
于 2012-08-29T10:56:56.340 に答える