如何设置默认值显示我的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);