jquery ui slider 在旋转时工作异常

Question

我想在旋转90度时实现jquery ui slider的功能。我试过旋转然后上下滑动，但没有用。但是当单击并水平拖动时， slider 会垂直滑动。这是使您容易理解的 fiddle 。 fiddle link

提前致谢。

Answer 1

使用 css 旋转元素不会改变它的功能......它只会让它看起来旋转，而 javascript 仍然认为它是水平 slider 。

您可以通过给它属性 orientation: "vertical"

将 jQuery UI slider 设置为垂直

查看更新的 fiddle :

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

请注意，我还将您的 width css 更改为 height