Ordenar listas

[emprear]

Iniciado por Enano_la22

Hola a todos, tengo que ordenar unas listas y encontre una libreria para hacerlo. Este es un ejemplo: http://listjs.com/examples/standard.html

El problema es que nose como utilizarlo. quise hacer el ejemplo

Código HTML:

<script type="text/javascript" src="list.js" ></script>
<a class="sort btn" data-sort="name" href="#">Sort by name</a>
<div id="hacker-list">
    <ul class="list">
       <li>
           <h3 class="name">Jonny</h3>
           <p class="city">Stockholm</p>
       </li>
       <li>
           <h3 class="name">Jonas</h3>
           <p class="city">Berlin</p>
       </li>
    </ul>
</div>
<script>

var options = {
    valueNames: ['name', 'city'] 
};

var hackerList = new List('hacker-list', options);



</script> 

y agregue la libreria y la verdad es que no hace nada...... alguno sabe como utilizarla? Gracias!

tu error es que dejás el elemento que realiza el evento
<a class="sort btn" data-sort="name" href="#">Sort by name</a>
fuera del contenedor en el que se modifica el ordenamiento
<div id="hacker-list">
Para hacerla compatible con xhtml, en la linea 259 de list.js, podés reemplazar el valor del atributo (que es propietario de la script) data-sort, por alguno válido, yo opté por title

Código HTML:

<ul class="sort-by">
<li class="sort" title="name">Sort by name</li>
<li class="sort" title="city">Sort by city</li>
</ul>
 

Saludos