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"); 
    }); 
});