2

jQueryUI Slider プラグインを使用して、一連の値から値を選択しています。

5 つの値を持つスライダーがあるとします。http://jqueryui.com/demos/slider/#hotelroomsに似た効果を実現したいのですが、スライダーハンドルを値の間でスムーズに移動させたいのですが、ハンドルが2つの値の間でドロップされた場合はスナップする必要があります一番近いところまで

回避策を思いつきましたが、何か問題があるようです。ここにフィドルがあります。最小値を 1 に設定し、最大値を 500 に設定して、ドラッグ時にスムーズなスライド効果を得てから、停止イベントで、値が 100 に等しいかどうかを確認し (今のところ、単純にするために)、そうでない場合は設定しますスライダーの値を 100 にします。すべて正常に動作しますが、アニメーションの値を 500 に設定しても、スムーズなスライド効果は得られません。

この回避策でそれを成し遂げる方法はありますか? それとも、他のことを試してみるべきですか?私のjsfiddleを自由に使用および変更してください。どんな助けでも大歓迎です。

4

2 に答える 2

2

アップデート

これは、 steps と setTimeout を使用して数字をスムーズに変更する新しいフィドルです。実際のステップに応じて、setTimeout の速度と、smoothDigitIncrease() で桁を増やす速度を調整する必要があります。

于 2012-09-29T22:24:55.187 に答える
0

新しい値を直接割り当てる代わりに、たとえばインクリメンタルな方法で進みます

現在の値 = 1

設定値=5

それぞれに100または400ミリ秒の遅延を直接設定する代わりに、1から5までループします

于 2012-09-29T22:05:53.953 に答える