按字母顺序对内容进行排序 [英] Sort contents alphabetically

问题描述

因此，我将在AJAX调用之后附加以下内容，并且此AJAX调用可能会发生多次，并返回多个数据项.而且我正在尝试使用Tinysort [ http://plugins.jquery.com/project/TinySort] 每次都对列表​​进行排序，因此可以很好地集成新添加的项并按字母顺序对其进行排序.

So I am appending the following after an AJAX call, and this AJAX call may happen several time, returning several data items. And I am trying to use Tinysort [http://plugins.jquery.com/project/TinySort] to sort the list everytime, so the new items added are integrated nicely and sorted alphabetically.

不幸的是，它似乎没有用.有任何想法吗?我的意思是，数据本身已正确附加，但不幸的是排序没有发生.

It unfortunately doesn't seem to be working. Any ideas? I mean, the data itself is being correctly appended, but unfortunately the sorting isn't occurring.

var artists = [];

$.each(data.artists, function(k, v) {
 artists.push('<section id="artist:' + v.name + '" class="artist"><div class="span-9"><img alt="' + v.name + '" width="34" height="34" class="photo" src="' + v.photo + '" /><strong>' + v.name + '</strong><br/><span>' + v.events + ' upcoming gig');

 if (v.events != 1) {
  artists.push('s');
 }

 artists.push('</span></div><div class="span-2 align-right last">Last</div><div class="clear"></div></section>');
});

$('div.artists p').remove();
$('div.artists div.next').remove();
$('div.artists').append(artists.join('')).append('<div class="next"><a href="#">Next</a></div>');
$('div.artists section').tsort('section[id]', {orderby: 'id'});

谢谢！

推荐答案

我建议在服务器端对数据进行排序.不确定您的数据源是什么，但是在大多数情况下，将排序逻辑移至服务器应该更容易.

I suggest to sort data on the server side. Not sure what is your data source but in most cases it should be much easier to move sorting logic to the server.

使用Javascript排序时，当您的数据将包含非ASCII字符时，您可能会在不同的浏览器中遇到问题(某些浏览器可以对此类数据进行排序，而有些浏览器则可以不对此类数据进行排序).这导致浏览器之间的行为不同，这是我所想不到的.

With sorting in Javascript you may face problems in different browsers when your data will contain non-ascii characters (some browsers can sort such data and some not). This leads to different behavior between browsers which is not expected as I think.

这篇关于按字母顺序对内容进行排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！