將動態值設置爲jQuery UI垂直滑塊

我有一系列圖像，我想使用滑塊在這些圖像之間瀏覽。當我打開該系列時，我想爲滑塊設置一些值，但是我無法使其工作。將動態值設置爲jQuery UI垂直滑塊

我有兩個問題： - 如何訪問滑塊 - 如何設置的值

這是我嘗試：

$(slider).slider({ 
      orientation: "vertical", 
     }).addClass("dhSlider"); 



$(slider).slider("option", "max", this.series.images.length); 
$(slider).slider("option", "min", 0); 
$(slider).slider("option", "step",this.series.images.length);

來源

2013-03-01 Jacob

你沒有初始化滑塊correctly.you需要給類或DIV的ID要爲滑塊：

HTML：

<p> 
<label for="amount">Slider Range:</label> 
<input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" /> 
</p> 

<div id="myslider" style="height: 200px;"></div>

腳本：創建

<script> 
$(function() { 
$("#myslider").slider({ 
    orientation: "vertical", 
    min: 0, 
    max: 100, 
    range: true, 
    values: [ startvalueselected, endvalueselected], 
    slide: function(event, ui) { 
    $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
    } 
}); 
    $("#amount").val("$" + $("#myslider").slider("values", 0) + 
    " - $" + $("#myslider").slider("values", 1)); 
}); 
</script>

see JqueryUI vertical Slider

來源

2013-03-01 13:14:08

一切動態我沒有任何HTML – Jacob 2013-03-01 13:23:49

這不起作用滑塊=使用document.createElement（「分區」） ; slider.id =「mySlider」; – Jacob 2013-03-01 13:24:59

將動態值設置爲jQuery UI垂直滑塊

回答

相關問題