jquery-ui - JqueryUI Slider，带增量的滑动div

Question

我想使用 jqueryUI 滑块（滑动到增量）并让它滑动一个 div。

我发现了这个： http: //net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/

但我想要同样的东西，但有增量。任何帮助表示赞赏:)

Answer 1

在选项中，只需将 max 设置为更小的值，以便滚动有更大的跳跃

$("#myslider").slider({max: 5});

例如，这将使滚动只有 6 个增量。

我建议以程序方式设置值（对于动态内容）或尝试使用值（对于静态内容），以便每个增量都显示特定的内容（即，它不会滚动到两个图像之间的某个点。）

将每个滑块值映射到您想要显示的某些不同的东西也可能更容易。这类似于使用滑块控制选项卡的 jQuery UI 演示 ( http://jqueryui.com/demos/slider/#tabs )。您也可以通过程序轻松地进行此映射。