Я изучаю jQuery и слежу за учебником, очень странная ошибка озадачила меня. Вот мой html:
<!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 = "";
};
Когда я добавляю элементы. При нажатии клавиши возврата нет проблем. Но когда я нажимаю кнопку "Отправить", тогда firebug показывает эту ошибку
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
Я пытался отладить это некоторое время, но я просто не понимаю. Вероятно, это действительно глупая ошибка, которую я сделал. Любая помощь наиболее ценится.
Изменить: Я использую jQuery 1.6.1