jQueryUI滑块 - 获取初始滑块值

我实现了jQueryUI滑块，并且想要在两个不同的div中显示最大滑块值最小&。 div中的值将随用户调整滑块而更新。 divs也会显示滑块的初始值。jQueryUI滑块 - 获取初始滑块值

问题：在div表示[object object]作为INTIAL值，但示出了正确的更新后的值作为所述滑动件由用户调整。我需要一些帮助才能显示初始值。

jQuery代码：

$("#filter_submenu_rent").slider({ 
    range: true, 
    min: 0, 
    max: 10000, 
    values: [ 75, 300 ], 
    slide: function(event, ui) { 
     $("#rent_min").html("Min: $" + ui.values[ 0 ]); 
     $("#rent_max").html("Max: $" + ui.values[ 1 ]); 
    } 
}) 
$("#rent_min").html("Min: $" + $("#slider_rent").slider("values", 0)); 
$("#rent_max").html("Max: $" + $("#slider_rent").slider("values", 1));

HTML代码

<div id="filter_submenu_rent"> 
      <div id="rent_min"></div> 
      <div id="slider_rent"></div> 
      <div id="rent_max"></div> 
</div>

jQuery代码（另一种尝试） 未显示任何内容2周的div初始时这是用来

$("#filter_submenu_rent").slider({ 
    range: true, 
    min: 0, 
    max: 10000, 
    values: [ 75, 300 ], 
    slide: function(event, ui) { 
     $("#rent_min").html("Min: $" + ui.values[ 0 ]); 
     $("#rent_max").html("Max: $" + ui.values[ 1 ]); 
    }, 
    create: function(event, ui) { 
     $("#rent_min").html("Min: $" + ui.values[ 0 ]); 
     $("#rent_max").html("Max: $" + ui.values[ 1 ]); 
    } 
})

来源

2011-11-04 Nyxynyx

主要的问题，我看到的是，你有两个不同的对象为您的滑块：

的定义是$("#filter_submenu_rent").slider但后面的代码为：$("#slider_rent").slider

工作例如：http://jsfiddle.net/4tDjZ/1/

来源

2011-11-04 03:29:13

有些人可能发现这有点古怪，但我发现你可以把自定义属性放到滑块选项对象中，并在稍后像其他滑块选项一样访问它们。

$('#myslider').slider({min: 0, max: 10, value: 5, myinitval: 5}); 

// will remain 5, unless your event handlers change it 
$('#myslider').slider('option', 'myinitval');

来源

2012-12-16 00:42:46

jQueryUI滑块 - 获取初始滑块值

回答

相关问题