jquery ui滑動條上的動畫拖動的手柄

我有一個關於jQuery UI滑塊的問題，已經搜索了一段時間，但無法找到工作的anwser。jquery ui滑動條上的動畫拖動的手柄

對於我正在使用http://jqueryui.com/demos/slider/#steps jQuery ui Slider的項目。它運作良好，可以完成大部分工作。

我使用250步驟，當用戶點擊例如250或500時，滑塊手柄將動畫/幻燈片添加到該值。

但是，當用戶手持（拖動）手柄並手動拖動它時，它不會動畫/滑動這些步驟，而是會轉到下一個非常難看的值。

有沒有人知道如何使手柄動畫/滑動，當用戶手動拿着它而不是點擊某些預定義的值？

謝謝！

來源

2012-07-10 Vincent Cohen

但是，如果您要拖動滑塊來移動滑塊，然後對其進行設置，則滑塊將從鼠標下跳出，這會導致用戶出現奇怪的行爲。 – j08691 2012-07-10 15:12:15

但是它正在以250步驟拖動，所以無論如何都會發生，但沒有乾淨的動畫。現在只是非常激動。 – 2012-07-11 07:48:15

jQuery UI滑塊（版本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

來源

2013-02-20 06:27:05

jquery ui滑動條上的動畫拖動的手柄

回答

相關問題