selettore di class jQuery e clic ()

Attualmente sto cercando di far avverare un avviso quando si fa clic su qualcosa. Posso farlo funzionare in jsFiddle, ma non nel codice di produzione:

esempio jsFiddle che funziona (jQuery 1.5 caricato)
HTML (nel caso in cui jsFiddle sia inaccessibile):

Test  

25 Feb 2011

ABC

  • Test—5 minutes

Javascript:

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

Esempio di produzione non funzionante:

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

25 Feb 2011

ABC

  • Test—5 minutes

Safari’s Inspector indica che jQuery è stato caricato correttamente, quindi non è questo il problema. Per quanto posso dire, questi due pezzi di codice sono essenzialmente identici, ma quest’ultimo non funziona. Qualcuno può vedere cosa ho fatto di sbagliato?

È necessario avvolgere il codice in $ (documento) .ready ()

Questo funzionerà

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

JSfiddle fa questo automaticamente per te

Avvolgi il codice all’interno

 $(function (){ }) 

E tu hai il codice funzionante

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