Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

SimpleUi

Mapa do site

Páginas do Site

Páginas das Funções

SimpleUi
Atualizando
‹

Código para Reordenação Download

? - +
Re-odernar listas
  1. Coloque a classe ui_reorder no elemento que será o gatilho da reordenação
    • Esse elemento pode ser qualquer marcação Html
    • Ele pode estar em qualquer lugar do Html
  2. Coloque a classe ui_reorderItem na lista de itens
    • Essa lista pode ser uma tabela (<table>), lista simples (<ul>) ou uma lista ordanada (<ol>)
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. Use no gatilho o atributo data-label para alterar o rótulo do gatilho quando ativo
    • Informe o valor que desejar, exemplo: data-label="Desfazer ordenação"
Customizar

Gatilho

A marcação do gatilho será . Saiba mais
Qualquer marcação (tag) pode ser usada como gatilho, como:
  • links (<a>)
  • botão (<button>)
  • parágrafos (<p>)
  • containers (<div>)
  • inputs (<input type="button">, <input type="submit">, etc.)
  • Dentre outros.

Rótulo do gatilho

O texto do gatilho será quando ele estiver ativo.

Lista

A ordenação irá atuar em uma com itens.
Restaurar padrão
Tem certeza que deseja reiniciar todos os valores?

Resultado para Reordenação