javascript - 将变量传递给 slider() 中的 value 属性

Question

我有一个 slider ，结果(数字)显示在 ID 为 #output 的 div 中。

所以我想将此变量也传递到 id #sites 的输入字段，但我卡住了。如何使用 .val() 更改 value 属性？

这是代码

$(document).ready(function() {
  $( function() {
    var out = $('#output');
    $( "#slider" ).slider({
          min: 1,
          max: 50,

      slide: function(evt, ui) {
        out.html(ui.value);
      }

    });
    $("#sites").val(out);
  } );
 });

Answer 1

首先请注意，您只需要一个 document.ready 处理程序。要解决您的实际问题，请将设置 #sites 值的代码放在 slide 处理程序中。目前，您只需在用户与控件交互之前设置页面加载的值试试这个:

$(function() {
  var $out = $('#output');

  $("#slider" ).slider({
    min: 1,
    max: 50,
    slide: function(evt, ui) {
      $out.html(ui.value);
      $("#sites").val(ui.value);
    }
  });
});