將變量傳遞給slider中的值屬性

Question

我有一個滑塊，結果（數字）顯示在ID爲#output的div中。

所以我想將這個變量也傳遞給一個ID爲#sites的輸入字段，但我正在調試。我如何使用.val（）更改值屬性？

下面是代碼

$(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); 
    } 
    }); 
}); 

Answer 2

嘗試$("#sites").val(out.text());

Answer 3

你必須這樣做，在幻燈片回調：

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

因爲當用戶與滑塊和你互動幻燈片事件發生正試圖在文檔就緒區域外設置值。此時，該值處於滑塊的默認值。

$(document).ready(function() { // this is as same as 
    $(function() { // this one. extra doc ready block is not needed. 
    ...... 
    }); 
});