मैं jQuery सीख रहा हूं और एक ट्यूटोरियल का अनुसरण कर रहा था, एक बहुत ही अजीब त्रुटि ने मुझे परेशान किया है।document.getElementByID एक फ़ंक्शन नहीं है
<!doctype html>
<html>
<head>
<title> Simple Task List </title>
<script src="jquery.js"></script>
<script src="task-list.js"></script>
</head>
<body>
<ul id="tasks">
</ul>
<input type="text" id="task-text" />
<input type="submit" id="add-task" />
</body>
</html>
और jQuery:
$(document).ready(function(){
//To add a task when the user hits the return key
$('#task-text').keydown(function(evt){
if(evt.keyCode == 13)
{
add_task(this, evt);
}
});
//To add a task when the user clicks on the submit button
$("#add-task").click(function(evt){
add_task(document.getElementByID("task-text"),evt);
});
});
function add_task(textBox, evt){
evt.preventDefault();
var taskText = textBox.value;
$("<li>").text(taskText).appendTo("#tasks");
textBox.value = "";
};
जब मैं रिटर्न कुंजी दबाएं करके तत्वों को जोड़ने, वहाँ कोई समस्या नहीं है यहाँ मेरी एचटीएमएल है। लेकिन जब मैं बटन सबमिट करें क्लिक करें, फिर फ़ायरबग
document.getElementByID is not a function
[Break On This Error] add_task(document.getElementByID("task-text"),evt);
task-list.js (line 11)
मैं jQuery के बजाय साथ
$("#task-text")
इस बार त्रुटि है जगह का उपयोग करने की कोशिश की इस त्रुटि दिखाता है:
$("<li>").text(taskText).appendTo is not a function
[Break On This Error] $("<li>").text(taskText).appendTo("#tasks");
task-list.js (line 18
which results in the following error
मैं मैं कुछ समय के लिए इसे डीबग करने की कोशिश कर रहा हूं लेकिन मुझे बस यह नहीं मिला। यह शायद वास्तव में एक मूर्खतापूर्ण गलती है जिसे मैंने बनाया है। किसी भी मदद की सराहना की है।
संपादित करें: मैं Id
में jQuery 1.6.1
ऑफ-विषय: यदि आप jQuery, FYI सीख रहे हैं, तो आप शायद ही कभी 'document.getElementById' का उपयोग करना चाहते हैं। एक jQuery चयनकर्ता के साथ jQuery समकक्ष ['' '' (या 'jQuery') फ़ंक्शन] (http://api.jquery.com/jQuery/) है। jQuery वास्तव में कुछ ब्राउज़रों पर 'getElementById' में बग के आसपास काम करता है, इसलिए यदि आप लाइब्रेरी का उपयोग कर रहे हैं, तो * इसका उपयोग करना सबसे अच्छा है। :-) (यह नहीं कह रहा कि आपको पता नहीं होना चाहिए कि 'getElementById' क्या है, हालांकि।) –
यदि आप jQuery का उपयोग कर रहे हैं तो आप क्लासिक जावास्क्रिप्ट सिंटैक्स का उपयोग क्यों कर रहे हैं i.e. getElementById। आपको $ ('# आईडी') वाक्यविन्यास का उपयोग करना चाहिए। –