如何設置默認值顯示我的jQuery滑塊值的文本框

Question

我有一個最小值爲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*/ 

Answer 1

您可以先設置滑塊值：

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

，然後讀取它來設置文本框的值（或只是設置文本框的值-1作爲不過那不太漂亮）

$("#amt").val($("#slider").slider("value")); 

Answer 2

你的滑塊應該設置爲1原樣 - 滑塊的值選項執行以下操作。從API：

確定滑塊的值（如果只有一個手柄）。如果有多個句柄，則確定第一個句柄的值。

代碼示例

初始化與指定的值選項的滑塊。

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

您可以設置文本框的值，如下所示：

$("#amt").val(1);