उत्तरदायी, बहु-संभाल एचटीएमएल 5 या जावास्क्रिप्ट रेंज स्लाइडर

Question

मैं वर्तमान में एक उत्तरदायी साइट पर काम कर रहा हूं और एक बहु-हैंडल रेंज स्लाइडर को नियोजित करना चाहता हूं। मैंने कुछ जावास्क्रिप्ट समाधानों के साथ काम किया है जो ठीक काम करते थे, लेकिन उत्तरदायी नहीं थे।

मैंने दो एचटीएमएल 5 रेंज इनपुट का विकल्प माना है, जो पुराने ब्राउज़र पर टेक्स्ट इनपुट के लिए गर्व से गिरावट आई है। हालांकि, मैं जानना चाहूंगा कि कोई भी एकाधिक हैंडल के साथ एक रेंज स्लाइडर के लिए जावास्क्रिप्ट समाधान में आया है, जो उत्तरदायी वातावरण में काम करता है। कोई विचार या टिप्स?

Answer 1

मैंने fd-slider polyfill/आधुनिकता-लोडर के साथ उपयोग किया, यह आईपैड पर प्रयोग योग्य था। आगे के उपकरणों का परीक्षण नहीं किया गया था, क्योंकि छोटे-स्क्रीन संस्करण ने उनका उपयोग नहीं किया था।

Answer 2

jQuery रेंज स्लाइडर का प्रयास करें: http://jqueryui.com/slider/#range।

यह विभिन्न ब्राउज़रों के बीच अच्छी तरह से समर्थित है।

Answer 3

ये वास्तव में चालाक लग रही है लेकिन मैं उन्हें प्रयास नहीं किया है:

http://ghusse.github.io/jQRangeSlider/demo.html

http://razorfish.github.io/JS-Range-Slider/

Answer 4

आप noUiSlider पर एक नज़र हो सकता था।

यह डिवाइसों के समूह पर स्पर्श का समर्थन करता है, और यह उत्तरदायी डिज़ाइनों के साथ अच्छी तरह से काम करता है। JQuery आदि पर कोई निर्भरता नहीं है

प्रकटीकरण: मैंने इसे बनाया।

Answer 5

Multihandle ली वेरोऊ here

Answer 6

जो लोग अभी भी यहाँ खत्म, विकल्प के लिए चारों ओर देख के लिए द्वारा 2 देशी आदानों, से बना स्लाइडर, मैं इस एक में आए:

यह अनुमति देता है आप मानों की एक सरणी पारित करने के लिए, और विकल्पों की एक सरणी के माध्यम से अंतराल शैली भी शैली।