Selezione elementi

[X-mac]

Ciao a tutti, leggendo i dati da un db creo una lista di nomi , successivamente vorrei che cliccando su un nome mi restituisca il valore del testo. Il codice:

for(var i in data){ 
             reparto = data[i];
             $('#elenco ul').append('<li class="list-group-item">'+reparto[1]+'</li>');
            
          }
      } 
    });
    
    $('#elenco li').click(function() {
        alert( $(this).text() );
        
    });

però se clicco su un elemento della lista non succede niente, se invece creo un elemento della lista nel codice html allora riesco a selezionarlo. Qualche idea?

[Xinod]

quando setti il click quell' elemento non esiste ancora, quindi il gestore evento non puo' essere settato

ti serve delegare, con .live o, per versioni di jquery piu' recenti (1.7+), .on
praticamente invece di
$('#elenco li').click(function() {
puoi scrivere
$('#elenco').on('click','li',function() {

ciao

[X-mac]

perfetto grazie
P.s. come si mette risolto nel titolo?

[Azucchi]

perfetto grazie
P.s. come si mette risolto nel titolo?

Ho notato che non si usa :P

[cassano]

quando setti il click quell' elemento non esiste ancora, quindi il gestore evento non puo' essere settato

ti serve delegare, con .live o, per versioni di jquery piu' recenti (1.7+), .on
praticamente invece di
$('#elenco li').click(function() {
puoi scrivere
$('#elenco').on('click','li',function() {

ciao

MA $('#elenco li').click(function() { non è una shortcut al metodo .on ?

This method is a shortcut for .on( "click", handler ) in the first two variations, and .trigger( "click" ) in the third. The click event is sent to an element when the mouse pointer is over the element, and the mouse button is pressed and released. Any HTML element can receive this event. For example, consider the HTML:

[X-mac]

no sono due eventi differenti

[cassano]

no sono due eventi differenti

Ma nella guida c'è scritto "This method is a shortcut for .on( "click", handler )"

[cavicchiandrea]

La differenza (come ha precisato Xinod) e che .click() lo puoi usare solo se gli oggetti sono presenti al caricamento della pagina .on() puoi usarlo anche se l'oggetto sarà generato un secondo momento