0

jquery uiスライダーについて質問があります。しばらく検索していますが、機能する回答が見つかりません。

プロジェクトでは、http：//jqueryui.com/demos/slider/#steps jQueryuiSliderを使用しています。それはうまく機能し、ほとんどのことを成し遂げます。

私は250のステップを使用し、ユーザーがたとえば250または500をクリックすると、スライダーハンドルが値にアニメーション化/スライドします。

しかし、ユーザーがハンドルを持って（ドラッグして）手動でドラッグすると、ステップがアニメーション化/スライドされるのではなく、非常に醜い次の値に移動します。

ユーザーが事前定義された値をクリックする代わりに手動でハンドルを持っているときに、ハンドルをアニメーション化/スライドさせる方法を知っている人はいますか？

ありがとう！

4

1 に答える 1

2

jQuery UI Slider (バージョン 1.9.2) は、アニメーションのドラッグをサポートしていません。ライブラリコードを変更する必要があると思います。

ここにパッチのJavaScriptコードがあります



    (function( $, undefined ) {

        $.extend($.ui.slider.prototype.options, {
            dragAnimate: true
        });

        var _mouseCapture = $.ui.slider.prototype._mouseCapture;
        $.widget("ui.slider", $.extend({}, $.ui.slider.prototype, {
            _mouseCapture: function(event) {
                _mouseCapture.apply(this, arguments);
                this.options.dragAnimate ? this._animateOff = false : this._animateOff = true;
                return true;
            }
        }));

    }(jQuery));
于 2013-02-20T06:27:05.547 に答える