Javascript 可排序列表中的元素按字母顺序排序,包含超过13项
我正在使用jqueryui创建几个相互关联的可排序列表 html:Javascript 可排序列表中的元素按字母顺序排序,包含超过13项,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,我正在使用jqueryui创建几个相互关联的可排序列表 html: <div class="ulContainer"> <div class="liHdr">Unassigned</div> <div class="ulWraper"> <ul class="connectedSortableUl un ui-sortable"> <li class="ui-state-defaul
<div class="ulContainer">
<div class="liHdr">Unassigned</div>
<div class="ulWraper">
<ul class="connectedSortableUl un ui-sortable">
<li class="ui-state-default" style="">Frank Smith
<input type="hidden" class="rowName" value="frank.smith">
<input type="hidden" class="rowEmail" value="frank.smith@email.com">
<input type="hidden" class="rowId" value="8VNe0ZT1v0">
<input type="hidden" class="rowTeam" value="">
<div class="panel-options" style="float:right;"><a href="#" class="sm"><i class="entypo-pencil"></i></a></div>
</li>
</ul>
</div>
</div>
// create the sortable ui
$(".connectedSortableUl").sortable({
connectWith: ".connectedSortableUl",
placeholder: "ui-state-highlight",
create: function(event, ui) {
sort();
}
});
// custom sort function to sort our sortable lists
function sort() {
var sortableLists = $('.connectedSortableUl');
$(sortableLists).each(function(index, element) {
var listitems = $('li', element);
listitems.sort(function(a, b) {
var seeA = $(a).text().toUpperCase(); //just to see what's going on
var seeB = $(b).text().toUpperCase(); //just to see what's going on
return ($(a).text().toUpperCase() > $(b).text().toUpperCase())
});
$(element).append(listitems);
});
}
- 我希望这个函数能够按字母顺序对每个列表进行排序 顶部和底部的Z
- 对于短列表、13个或更少的项目,此功能按预期工作
- 但是,如果一个列表包含14个或更多项,则会出现一些问题,并且该列表现在会按照预期进行更长的排序
将两个字符串与
进行比较将返回一个布尔值,但排序
需要一个数字。与localeCompare
比较:
listitems.sort(function (a, b) {
var ta = $(a).text().toUpperCase();
var tb = $(b).text().toUpperCase();
return ta.localeCompare(tb);
});
传递给
listitems.sort()
的比较函数应该返回一个数字,而不是true
或false
。