क्या कोई जावास्क्रिप्ट (jquery) स्लाइडर है जो प्रदर्शन मानों से स्वतंत्र रूप से मानों को सीमित करता है?

Question

मैं एक स्लाइडर को 0-100 है कि करना चाहते हैं, लेकिन वह केवल चयन 0-75 से स्लाइडर रंग का क्षेत्र

में प्रवेश करने से प्रतिबंधित साथ (उदाहरण के लिए)

एक उदाहरण देखो कुछ इस तरह होता है,

जाहिर है मैं जहाँ तक मैं देख सकता हूँ jQuery यूआई स्लाइडर इस बाहर की अनुमति नहीं है अधिकतम, न्यूनतम, सीमा और स्लाइडर का मूल्य निर्धारित करने में सक्षम होना चाहते हैं ...

बॉक्स का मुझे उम्मीद है कि बुनियादी व्यवहार को विस्तारित करना संभव है लेकिन मुझे यह काम करने के लिए एक बहुत स्पष्ट हाथ पकड़ने की आवश्यकता होगी!

Answer 1

आप स्लाइडर प्लगइन के slide ईवेंट का उपयोग कर सकते हैं जो स्लाइड के दौरान हर माउस चाल पर ट्रिगर होता है। वर्तमान हैंडल का मान प्राप्त करने के लिए ui.value का उपयोग करें और अधिकतम सीमा की जांच करें और झूठी वापसी करें। इस कॉलबैक से false लौटने से स्लाइड रोकती है।

$(".selector").slider({ 
    slide: function(event, ui) { 
     if(ui.value > 75){//Note the value of ui.value is between 0 to 99 
      return false; 
     } 
    } 
}); 

स्लाइडर के पृष्ठभूमि रंग के लिए आप आसानी से इसे सीएसएस के माध्यम से प्राप्त कर सकते हैं।