jquery - jquery ui滑块动画拖动手柄

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