/ / उपयोगकर्ता इनपुट के अनुसार Jquery स्लाइडर मूल्य बदलें - jquery, इनपुट, टैग

उपयोगकर्ता इनपुट के अनुसार Jquery स्लाइडर मान बदलें - jquery, इनपुट, टैग

मैं उपयोगकर्ता इनपुट के अनुसार स्लाइडर मूल्य को बदलने की कोशिश कर रहा हूं लेकिन मैं सही तरीके से यह पता लगाने में सक्षम नहीं हूं कि जेक्वेरी में नौसिखिया होने के नाते। मैं जावास्क्रिप्ट को समझता हूं लेकिन यह मेरे लिए थोड़ा अलग लगता है।

यहाँ मेरे इनपुट टैग के लिए कोड है:

Enter Your Score :<input type="number" id="xcm" />

और स्लाइडर मैं उपयोग कर रहा हूँ http://codepen.io/jessecfisher/full/symul

उत्तर:

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

यह एक jquery-ui स्लाइडर जैसा दिखता है। प्रलेखन दिखाता है कि यह कैसे करना है: स्लाइडर ऑब्जेक्ट पर मूल्य विधि।

मूल्य( मूल्य ) स्लाइडर का मूल्य निर्धारित करें।

कोड उदाहरण: $ (".selector") .slider ("मूल्य", 55);

मैंने आपको इच्छित कार्यक्षमता देने के लिए इस जावास्क्रिप्ट के साथ आपके द्वारा पोस्ट किए गए कोडपेन को संशोधित किया है:

$( "input#amount").change(function() {
$( "#slider-vertical" ).slider( "value", $(this).val() );
});

http://codepen.io/anon/pen/yawgs

अपने HTML के साथ काम करने के लिए, आपको "करने की आवश्यकता होगी"

  • अद्यतन करें input#amount आपके इनपुट तत्व (input#xcm)
  • अद्यतन करें #slider-vertical अपने स्लाइडर तत्व होने के लिए (निर्दिष्ट नहीं)