दिलचस्प पोस्ट
क्रोम एक्सटेंशन में URL पुनर्निर्देशित करना गणित अभिव्यक्तियों को सरल बनाने के लिए रणनीतियां Scanf के साथ एक स्ट्रिंग पढ़ना अंडरस्कोर या अंडरस्कोर करने के लिए नहीं, यह सवाल है क्या PHP में शॉर्ट सर्किट मूल्यांकन है? जावा में कॉलर क्लास कैसे प्राप्त करें क्या एमडी 5 अभी भी फाइलों की पहचान करने के लिए पर्याप्त है? जावा एफएक्स एफएक्सएमएल नियंत्रक – कन्स्ट्रक्टर बनाम प्रारंभिक विधि यूनियन और यूनियन सभी में क्या अंतर है? !! सी ऑपरेटर, एक दो नहीं है? थ्रेडिंग पूल मल्टी प्रोकक्शन पूल के समान है? एएसपीएनट एमवीसी (आरसी 5) में 404 एचटीपी त्रुटि हैंडलर मैं एक विधि कैसे वापस कर सकता हूँ एक तर्क है कि इसे पारित किया गया था? एएनटीएलआर में 'सिमेंटिक स्पिटकेंट' क्या है? पासवर्ड के बिना psql कमांड के साथ बैच फ़ाइल चलाएं

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> 

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