प्रोग्रामिंग, सवालों के जवाब में मदद करें / jQuery / jquery ui स्लाइडर एनीमेशन हैंडल को खींचने पर - jquery, उपयोगकर्ता-इंटरफ़ेस, स्लाइडर

हैंडल खींचने पर jquery ui स्लाइडर एनीमेशन - jquery, उपयोगकर्ता इंटरफ़ेस, स्लाइडर

मेरे पास jquery ui स्लाइडर के बारे में एक प्रश्न है, अब कुछ समय के लिए खोज रहा है, लेकिन एक काम करने वाले anwser नहीं मिल सकता है।

एक परियोजना के लिए मैं का उपयोग कर रहा हूँ http://jqueryui.com/demos/slider/#steps jQuery के ui स्लाइडर। यह अच्छी तरह से काम करता है और अधिकांश सामान हो जाता है।

मैं 250 के चरणों का उपयोग करता हूं और जब कोई उपयोगकर्ता ईजी 250 या 500 पर क्लिक करता है तो स्लाइडर मूल्य के लिए एनिमेट / स्लाइड को संभालता है।

लेकिन जब कोई उपयोगकर्ता हैंडल को पकड़ (खींच) रहा होता है और इसे मैन्युअल रूप से खींचता है तो यह कदमों को चेतन / स्लाइड नहीं करता है बल्कि अगले मूल्य पर बहुत ही बदसूरत हो जाता है।

क्या कोई जानता है कि जब उपयोगकर्ता कुछ पूर्वनिर्धारित मूल्यों पर क्लिक करने के बजाय इसे मैन्युअल रूप से पकड़ रहा है, तो हैंडल को एनिमेटेड / स्लाइडिंग कैसे बनाया जाए?

धन्यवाद!

उत्तर:

जवाब के लिए 2 № 1

JQuery UI स्लाइडर (संस्करण 1.9.2) एनीमेशन खींचने का समर्थन नहीं करता है। मुझे लगता है कि आपको लाइब्रेरी कोड बदलना होगा।

यहाँ पैच जावास्क्रिप्ट कोड है



(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