2012-04-14 81 views
0

我有一个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:})中的变量,它不会覆盖它,因此当用户使用滑块时它不会更新。任何帮助将不胜感激。谢谢!

+0

我真的不明白你的目标。当你的外部函数可以看到'$(“#slider-range”).slider(“values”,0)''时,为什么你需要使用'ui.values [0]'? – Marc 2012-04-14 16:06:50

+0

我尝试过使用外部函数访问$(“#slider-range”).slider(“values”,0)并将其显示在文本框中,但它仅显示开始值,并且不会随着移动而更新滑块 – Michael 2012-04-14 17:40:38

+0

为什么不能在'slide'函数中设置文本框的值?既然那是你想要的效果,对吧?您想要在滑块滑动时更新文本框。 – Marc 2012-04-15 00:48:39

回答

0

设置一个隐藏的变量在您的形式像 ,然后使用幻灯片功能 幻灯片更新:函数(事件,UI){ 的document.getElementById( “testH”)值= $(“#slider-范围“).slider(”values“,0); }