disign.it | Jquery: al click muovere in alto elemento lista | a digital sign for a best design!
A digital sign for a best design
Programmazione 3.975 visualizzazioni

Jquery: al click muovere in alto elemento lista

19/07/2013

Per modificare l'ordine di una lista html contenuta nei classici tag li al click dell'utente senza refreshare la pagina possiamo utilizzare la versatile libreria Jquery.

 

La lista può esser ordinata (ol) o non ordinata (ul) e viene normalmente creata attraverso i classici tag standard html.

 

<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>

 

A questo punto come sempre occorre prima di tutto caricare l'ultima versione di Jquery, (qui l'articolo), e poi al document ready utilizzare questa chiamata di funzione:

 

$("li").click(function() {
    
  $(this).parent().prepend($(this));
 
});

← Javascript Jquery url split Sottolineare singole parole →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.