Demo: Items Sorting

Demos > Items Sorting

Source

<div id="persons">
	<div class="item"><span class="first">First</span> <span class="last">Last</span></div>
</div>
<div>
	<input type="button" value="Sort First" onclick="sortFirst();" />
	<input type="button" value="Sort Last" onclick="sortLast();" />
</div>

$('#persons')
	.items([
		{first:'Isaac', last:'Newton'},
		{first:'Johannes', last:'Keppler'},
		{first:'Alessandro', last:'Volta'},
		{first:'Blaise', last:'Pascal'},
		{first:'Niels', last:'Bohr'},
		{first:'Albert', last:'Einstein'},
		{first:'Stephen', last:'Hawking'}
	])
	.chain();
			
function sortFirst()
{
	$('#persons').items('sort', 'first', {toggle:true});
};
			
function sortLast()
{
	$('#persons').items('sort', 'last', {toggle:true});
};