Javascript 可排序列表中的元素按字母顺序排序,包含超过13项

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

我正在使用jqueryui创建几个相互关联的可排序列表

html:

  <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个或更多项,则会出现一些问题,并且该列表现在会按照预期进行更长的排序
为什么逻辑会分解为13个以上的列表项,我可以做些什么来修复它或以其他方式实现预期的结果


将两个字符串与
进行比较将返回一个布尔值,但
排序
需要一个数字。与
localeCompare
比较:

listitems.sort(function (a, b) {
  var ta = $(a).text().toUpperCase();
  var tb = $(b).text().toUpperCase();
  return ta.localeCompare(tb);
});

传递给
listitems.sort()
的比较函数应该返回一个数字,而不是
true
false