jquery滑块垂直

Question

演示：http://jsfiddle.net/vpH8r/2/

我在上面创建了一个jfiddle，试图让垂直滑动工作。

当前的问题是滑块标签没有移动，并且它不会从顶部到底部完全滑动。

注意：我正在使用：

http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js

和

的jquery-UI-1.8.23.custom.min.js

我似乎无法在jfiddle中一起启用（也许有一种方法可以做到这一点 - 我不确定） - 目前使用旧版jquery和jquery-ui的演示。

三江源

Answer 1

此处已修复：http://jsfiddle.net/vpH8r/13/

以下是您需要做的事情：

1. 您同时设置了top:和bottom:，而top往往会获得优先权，而如果您同时拥有两者，则无论订单如何，只有top:生效。通过移除你的CSS中的顶部它现在滑动，但它也使它从底部开始，这就是你需要下一部分的原因

2. jquery滑块函数中的value:选项将起始位置设置为100％（从底部开始），这使得它从顶部开始很好。

为了让它在中间对齐，您需要执行以下操作：

<style type="text/css">
    left: 50%;
    margin-left: -.6em;  /* half the width of the element */
</style>