Document.ready將不起作用

Question

任何想法爲什麼此代碼不起作用？我在HTML中用這個ID定義了一個文本輸入字段。

$('document').ready(function() 
{ 
    $('#inputUsername').keyup(alert("something")); 
} 
); 

Answer 1

keyup需要一個功能：

$('#inputUsername').keyup(function() { 
    alert("something") 
}); 

或者，前手定義函數：

function clickHandler(event) { 
    alert("something"); 
} 

，並傳遞它：

$('#inputUsername').keyup(clickHandler) 

並取消引用document - 這是它自己的變量。

Answer 2

文檔是瀏覽器中的變量。你不需要單引號：

$(document).ready(function() { ... }); 

Answer 3

document它是自己的全局變量（標準DOM）。

$(document).ready(function() 

你可以看到右邊的文檔頁面 http://api.jquery.com/ready/

Answer 4

您的代碼會試圖選擇名爲文檔中的元素在這個例子。

<document></document> 

相反，你要使用的文件名爲全局變量，或使用簡寫，這是隻直接傳遞你的處理函數到jQuery選擇。

$(document).ready(function(){ 
    // this runs on DOM ready 
}); 

或

$(function(){ 
    // this runs on DOM ready 
}); 

Answer 5

你的錯誤是在這裏：

$('#inputUsername').keyup(alert("something")); 

.keyup需要一個功能，不以上。你可以這樣做：

$('#inputUsername').keyup(function(){alert("something")}); 

它只會調用一個函數;）