मैं अपना कोड थोड़ा साफ करना चाहता हूं और मैं html फ़ाइल में किसी भी फ़ंक्शन कॉल के बिना अपना jquery कोड चलाना चाहता हूं। मेरा वास्तविक कोड है:
HTML:
<head>
<script src="js/colorpick.js"></script>
<script>
$(document).ready(function() {
colorpick_start();
});
</script>
</head>
जे एस:
function colorpick_start() {
...
}
लेकिन अगर मैं उदाहरण के लिए किसी भी फ़ंक्शन कॉल के बिना js की पहली पंक्ति में एक चेतावनी लिखता हूं, तो वह काम करता है।
alert("test");
function colorpick_start() {
...
}
लेकिन यह jquery चयनकर्ताओं या कुछ के लिए काम नहीं कर रहा है। क्या HTML फ़ाइल में कोड के बिना मेरे jquery को प्राप्त करने के लिए कोई समाधान है?
मैं चाहता हूं कि मेरी html फ़ाइल इस तरह दिखे, अगर यह संभव है:
<head>
<script src="js/colorpick.js"></script>
</head>
उत्तर:
उत्तर № 1 के लिए 1इसे प्राप्त करने के लिए:
<head>
<script src="js/colorpick.js"></script>
</head>
दस्तावेज़ तैयार कॉल को उस जेएस फ़ाइल में स्थानांतरित करें जिसे आप अपनी HTML फ़ाइल में संदर्भित कर रहे हैं और सुनिश्चित करें कि विधि कहा जाता है।
$(document).ready(function() {
colorpick_start();
});
ऐसा होना चाहिए।
जवाब के लिए 2 № 2
The
$(document).ready(function() {
चयनकर्ताओं आदि के लिए DOM तैयार होने तक प्रतीक्षा करता है।
यदि आप जोड़ते हैं
$(document).ready(function() {
आपकी colorpick.js फ़ाइल में यह DOM तैयार होने की प्रतीक्षा करेगा और फिर colorpick_start () निष्पादित करेगा।
और मुझे विश्वास है कि यह सबसे अधिक लोगों को पकड़ता है जब वे JQuery का उपयोग करना शुरू करते हैं।
उत्तर № 3 के लिए 1
अपनी स्क्रिप्ट रखो
<script src="js/colorpick.js"></script>
से पहले </body> टैग। यह सुनिश्चित करेगा कि स्क्रिप्ट शुरू होने से पहले आपका पेज पूरी तरह से लोड हो जाए।
$(document).ready(function() {
colorpick_start();
});
यह कोड काम कर रहा है क्योंकि आप अपना फोन कर रहे हैंदस्तावेज़ लोड होने के बाद फ़ंक्शन। दस्तावेज़ लोड घटना है। आप अपना फ़ंक्शन किसी भी ईवेंट पर रख सकते हैं जो आप चाहते हैं, लेकिन यह शुरू नहीं होगा यदि आप केवल अपने फ़ंक्शन को परिभाषित करते हैं। आपको किसी तरह अपने फंक्शन को बुलाना है। उदाहरण क्लिक पर होगा (या दस्तावेज़ लोड पर)
<div id="example"></div>
$("#example").on("click", function () {
your function here
});
जवाब के लिए 0 № 4
उस कोड का उपयोग करें:
$(function(){
$(".colorpicker").val("colorpicker"); //or whatever you like
});