jQuery將找不到元素

Question

我有這樣的JS代碼：

(function($, undefined) { 
    $("a").click(function(event) { //or another elemtnt 
     alert('Hello!'); 
    }) 
})(jQuery); 

當然鏈接：

<a href="http://google.ru/" target="_blank">Google</a> 

的JS代碼不工作，但如果我把它改爲：

(function($, undefined) { 
    $("*").click(function(event) { 
     alert('Hello!'); 
    }) 
})(jQuery); 

所有的作品！

Answer 1

如果你已經把你的JavaScript的a節點被載入像你描述的效果將是什麼了。試試這個：

$(function() { 
    $("a").click(function(event) { //or another elemtnt 
     alert('Hello!'); 
    }) 
}); 

這將在DOM樹準備好時調用匿名函數。以下是JSFiddle中的一個示例。

當您使用*作爲選擇器時，jQuery將單擊處理函數添加到html元素，這就是您獲取警報的原因。

Answer 2

這是一個可能的解決方案：

$(document).ready(function() { 
    // put all your jQuery goodness in here. 
}); 

你爲什麼不給一個ID給它，並選擇$('#my-id')設置的事件？

Answer 3

你爲什麼不試試document.ready？

$(document).ready(function(){ 
    $('a').click(function(){ 
     alert("a"); 
    }); 
});