दिलचस्प पोस्ट
क्या कोई कारण है कि हम रूबी में "रिवर्स रेंज" पर फिर से नहीं चल सकते? जेएनआई में इसे इस्तेमाल करते समय जवा त्रुटि .NET – डेटाटेबल में जेनेरिक संग्रह कन्वर्ट सी में बड़ी संख्या के फ़ैक्टोरियल की गणना करना फ़्रेम को HTML में क्यों नहीं छोड़ा गया है? जावा एसएसएल और प्रमाणपत्र कीस्टस्टोर मुझे जावास्क्रिप्ट के साथ पृष्ठभूमि में एक नई विंडो खोलने की जरूरत है, और सुनिश्चित करें कि मूल अभी भी केंद्रित है एक <a> लिंक पर क्लिक करते समय पुष्टिकरण संवाद कैसे प्रदर्शित किया जाए? क्रोम में सेलेनियम वेबड्रायवर परीक्षण के मामलों को चलाने के लिए कैसे? सोप या वेब सेवाओं के लिए आराम? मैं परिवर्तनों के लिए DOM को कैसे मॉनिटर कर सकता हूं? टी-एसक्यूएल में लेवेनशटेन की दूरी जांचें कि क्या एक जावास्क्रिप्ट स्ट्रिंग यूआरएल है ट्विटर बूटस्ट्रैप: मोडल विंडो की प्रिंट सामग्री आईफोन एसडीके के साथ डिवाइस (आईफोन, आइपॉड टच) को निर्धारित करें

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) तत्व की आईडी के साथ बदलने की कोशिश की है, लेकिन अभी भी कोई भाग्य नहीं है

Solutions Collecting From Web of "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> 

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