jQuery nouislider垂直方向不起作用

Question

你可以請求look at this Demo並讓我知道爲什麼這個垂直滑塊甚至沒有顯示出來？原始演示文稿在This Page上，但它不適合我！

$("#sample-showcase").noUiSlider({ 
    range: [0, 100] 
    ,start: [20, 80] 
    ,handles: 2 
    ,step: 10 
    ,margin: 20 
    ,connect: true 
    ,direction: 'rtl' 
    ,orientation: 'vertical' 
    ,behaviour: 'tap-drag' 
    ,serialization: { 
     mark: ',' 
     ,resolution: 0.1 
     ,to: [ $("#value-input"), 
       [$('#value-span'), 'html'] ] 
    } 
}); 

或者你可能知道任何垂直滑塊來介紹我嗎？我谷歌它，但沒有找到任何東西 謝謝

Answer 1

滑塊初始化正確;你的js沒有錯。

由於CSS盒模型的特性，元素不會假定默認高度。 noUiSlider不能選擇任意值，因此它不設置任何值。因此，爲了得到滑塊以正確顯示：

CSS：

#sample-showcase { height: 300px; }