disign | Jquery: al click muovere in alto elemento lista | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/jquery-al-click-muovere-in-alto-elemento-lista-483-2-1.html

© Luca Frassineti

Programmazione 5.360 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));
 
});

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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