Как я могу установить значение по умолчанию для текстового поля, которое отображает значение моего ползунка jquery

Question

У меня есть ползунок jquery, который имеет минимальное значение 1 и максимальное значение 400. Когда я перемещаю ползунок, соответствующее значение отображается в текстовом поле. Однако я хочу отобразить минимум на 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);