Question

我有一个关于jquery ui滑块的问题，现在已经搜索了一段时间但找不到工作的anwser。

对于我正在使用http://jqueryui.com/demos/slider/#steps jQuery ui Slider的项目。它运作良好，并完成大部分工作。

我使用250的步骤，当用户点击例如250或500时，滑块手柄会动画/滑动到该值。

但是当用户手持（拖动）手柄并手动拖动它时，它不会动画/滑动步骤，只会转到下一个非常难看的值。

当用户手动拿着手柄而不是点击某些预定义的值时，是否有人知道如何使手柄动画/滑动？

谢谢！

Answer 1

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));

这是详细信息。 http://www.markliublog.com/jquery-ui-slider-dragging-animate.html

拖动手柄时jquery ui滑块动画

1 个答案: