JQuery的UI範圍欄更新值

我有一個jQuery UI範圍滑塊的實現：JQuery的UI範圍欄更新值

$(function() { 
$("#test").val(0); 
$("#slider-range").slider({ 
     range: true, 
     min: 1, 
    max: 24, 
    values: [ 10, 15 ], 
    create: function(event, ui){ 

     }, 
     slide: function(event, ui) { 
     $("#amount").val("" + ui.values[ 0 ] +":00" + " - " + ui.values[ 1 ]+":00"); 
    } 
}); 

$("#amount").val("" + $("#slider-range").slider("values", 0) + 
    ":00 - " + $("#slider-range").slider("values", 1) + ":00"); 

$("#check").button(); 
$("#format").buttonset(); 
});

我要訪問的滑塊的values這些功能之外。又名ui.values[ 0 ]和ui.values[ 1 ]。但是，如果我在此塊之外創建某種全局變量並更新$("#slider-range").slider({slide:})中的變量，它不會覆蓋它，因此當用戶使用滑塊時它不會更新。任何幫助將不勝感激。謝謝！

來源

2012-04-14 Michael

我真的不明白你的目標。當你的外部函數可以看到'$（「＃slider-range」）.slider（「values」，0）''時，爲什麼你需要使用'ui.values [0]'？ – Marc 2012-04-14 16:06:50

我嘗試過使用外部函數訪問$（「＃slider-range」）.slider（「values」，0）並將其顯示在文本框中，但它僅顯示開始值，並且不會隨着移動而更新滑塊 – Michael 2012-04-14 17:40:38

爲什麼不能在'slide'函數中設置文本框的值？既然那是你想要的效果，對吧？您想要在滑塊滑動時更新文本框。 – Marc 2012-04-15 00:48:39

設置一個隱藏的變量在您的形式像，然後使用幻燈片功能幻燈片更新：函數（事件，UI）{ 的document.getElementById（「testH」）值= $（「＃slider-範圍「）.slider（」values「，0）; }

來源

2012-04-14 15:26:16 Satya

JQuery的UI範圍欄更新值

回答

相關問題