jquery ui滑塊工作奇數上旋轉

Question

我想實現當rotated 90 degrees時jquery ui slider的功能。我試過旋轉，然後上下滑動，這是行不通的。但是，當點擊並水平拖動時，滑塊垂直滑動。這裏是讓你易於理解的小提琴。 fiddle link

在此先感謝。

Answer 1

用css旋轉元素不會改變它的功能......它只會讓它看起來旋轉，而javascript仍然認爲它是一個水平滑塊。

您可以設置一個jQuery UI滑塊給它的屬性是垂直orientation: "vertical"

見更新小提琴：

http://jsfiddle.net/Pm6uD/1/

請注意，我也改變了你的width CSS是height