दिलचस्प पोस्ट
आप परिपत्र डेटा के एक सेट के औसत की गणना कैसे करते हैं? मैं वादा करने के लिए मौजूदा कॉलबैक एपीआई कैसे बदलूं? स्थित विधानसभा की स्पष्ट परिभाषा विधानसभा संदर्भ से मेल नहीं खाती है लोडिंग से छवियों को रोकें एक स्लेटेड साइड के साथ आकार (उत्तरदायी) SQL सर्वर – INSERT के बाद मूल्य लौटें MySQL फ़ंक्शन के अंदर एक त्रुटि कैसे बढ़ाएं एंड्रॉइड पर एक ऑब्जेक्ट को एक गतिविधि से दूसरे पर कैसे पास करें एक लिंक पर क्लिक करके जावास्क्रिप्ट के साथ एक फार्म कैसे सबमिट करें? एक खिड़कियों सेवा कैसे प्रोग्राम शुरू कर सकता है? ActiveRecord में रैंडम रिकॉर्ड कैसे नए को हटाने के साथ जोड़ना संभवतः स्मृति रिसाव के लिए नेतृत्व कर सकते हैं केवल? मैं अपने सी # WinForm एप्लिकेशन को कैसे पुनरारंभ करूं? फ़ायरफ़ॉक्स और आईई में एड्रेस बार के बिना नई पॉपअप विंडो खोलें एंड्रॉयड। वेबव्यू और लोडडेटा

JSFiddle कोड मेरे अपने पृष्ठ में काम नहीं कर रहा है

मेरे पास कुछ कोड है जो JSFiddle में काम कर रहा है लेकिन मुझे अपने पृष्ठ में चलाने के लिए नहीं मिल सकता है।

एचटीएमएल

<body style="background-color: #000000"> <form oninput="amount.value=range.value" style="color:#1ec2c5;"> <output name="amount" for="range">2</output><a> KM</a> <input type="range" name="range" min="1" max="9" step="1" value="2" id="test"> </body> 

सीएसएस

 input[type="range"]{ -webkit-appearance: none; -moz-apperance: none; border-radius: 6px; width: 225px; height: 6px; border: 2px solid #eceef1; outline:none; background-image: -webkit-gradient( linear, left top, right top, color-stop(0.15, #eceef1), color-stop(0.15, #0c0d17) ); } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none !important; background-color: #1ec2c5; border: 3px solid #000000; height: 25px; width: 25px; border-radius: 20px;} 

जावास्क्रिप्ट

 $('input[type="range"]').change(function () { var val = ($(this).val() - $(this).attr('min')) / ($(this).attr('max') - $(this).attr('min')); $(this).css('background-image', '-webkit-gradient(linear, left top, right top, ' + 'color-stop(' + val + ', #eceef1), ' + 'color-stop(' + val + ', #0c0d17)' + ')' ); }); 

अगर मैं कोड लेता हूं और HTML / जेएस (सिर से जोड़ा हुआ) / सीएसएस (सिर से जुड़े) फाइलों को डालता हूं, तो सीएसएस काम करती है लेकिन जावास्क्रिप्ट नहीं है।

मैंने $(this) तत्व की आईडी के साथ बदलने की कोशिश की है, लेकिन अभी भी कोई भाग्य नहीं है

वेब के समाधान से एकत्रित समाधान "JSFiddle कोड मेरे अपने पृष्ठ में काम नहीं कर रहा है"

"अगर मैं कोड लेता हूं और HTML / जेएस (सिर में लिंक) डालता हूं"

समस्या यह है कि आपने अपना कोड <head> में डाल दिया है, इसलिए इनपुट तत्वों को पार्स होने से पहले यह चलता है और फिर $('input[type="range"]') कोई तत्व नहीं पाता है

अगर आप JSFiddle में "फ़्रेमवर्क एंड एक्सटेंशन" विकल्प देखते हैं, तो आप देखेंगे कि यह आपके जेएस कोड को एक onload हेन्डलर में डिफ़ॉल्ट रूप से डालता है, इसलिए आपका कोड पूरे पेज तक लोड नहीं हो रहा है। कोड को अपने स्वयं के वेब पेज पर उसी तरीके से व्यवहार करने के लिए आपको इसे अपनी खुद की एक onload हेन्डलर में लपेटने की आवश्यकता होती है, या जब से आप jQuery का उपयोग कर रहे हैं – इसे एक दस्तावेज़ तैयार हैंडलर में लपेटें:

 $(document).ready(function() { // your code here }); 

या लघु रूप इस तरह है:

 $(function() { // your code here }); 

या पृष्ठ के अंत में अपनी स्क्रिप्ट को शामिल करें, ताकि यह उन तत्वों के बाद चला जा सके जो इसे हेरफेर करने की कोशिश करता है।

क्या आपने सुनिश्चित किया है कि आपने अपने शीर्ष लेख में jQuery के पुस्तकालय को शामिल किया है? सभी प्रकार के पुस्तकालयों के लिए, Google की डेवलपर साइट देखें https://developers.google.com/speed/libraries/ यहां जे jQuery लाइब्रेरी है जो आप देख रहे हैं – सुनिश्चित करें कि आप इसे अपने JS फ़ाइल से पहले रखें।

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

^ यह आपके शीर्ष लेख में होना चाहिए। 😉