jQuery类选择器并单击()

我正在尝试在点击某些内容时发出警报。 我可以在jsFiddle中使用它,但不能在生产代码中使用它:

有效的jsFiddle示例 (加载了jQuery 1.5)
HTML(如果jsFiddle无法访问):

Test  

25 Feb 2011

ABC

  • Test—5 minutes

使用Javascript:

 $(".todoitem").click(function() { alert('Item selected'); }); 

非工作生产示例:

 Test   $(".todoitem").click(function() { alert('Item selected'); });    

25 Feb 2011

ABC

  • Test—5 minutes

Safari的Inspector表明正在正确加载jQuery,所以这不是问题。 据我所知,这两段代码基本相同,但后者不起作用。 谁能看到我做错了什么?

您需要将代码包装在$(document).ready()中

这会奏效

 $(document).ready(function(){ $(".todoitem").click(function() { alert('Item selected'); }); }); 

JSfiddle会自动为您完成此操作

将代码包装在里面

 $(function (){ }) 

而且你有工作代码

 $(function (){ $(".todoitem").click(function() { alert('Item selected'); }); })