jquery ui滑块动画拖动手柄答案

【问题标题】：jquery ui slider animation on dragging the handlejquery ui滑块动画拖动手柄
【发布时间】：2012-07-10 14:45:11
【问题描述】：

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

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

我使用 250 步，当用户单击例如 250 或 500 时，滑块句柄动画/滑动到该值。

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

有谁知道当用户手动握住手柄而不是点击一些预定义的值时如何使手柄动画/滑动？

谢谢！

【问题讨论】：

但是如果你拖动滑块来移动它，然后你给它设置动画，滑块会从你的鼠标下面跳出来，这会给用户带来奇怪的行为。
但它被拖到 250 步，所以无论如何都会发生这种情况，但是没有干净的动画。现在只是很紧张。

标签： jquery user-interface slider

【解决方案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));

【讨论】：