jQuery sortable:如何通过</li> <li>类自动订购<li>?</li>

时间:2012-06-01 12:14:29

标签: jquery-ui-sortable

我在#a sortable div中回复了一些<li class='A'>或class ='B'或class ='C'。 然后用户在#b sortable div中移动它们。我需要在#b中<li> 自动 desc 他们的类的alfabetic顺序排序(C-> B- &gt; A),第二次,按<li>内容<li class='X'>content</li>)的alfabetic顺序。

我如何在<head>中编写脚本?

1 个答案:

答案 0 :(得分:0)

jQuery UI有很好的可排序的东西。以下是demos

尝试使用update event强制执行订购。

$( ".selector" ).sortable({
 update: function(event, ui) {
   $("find the LIs you want").sort(
     function(a, b){
       var aName = a.name.toLowerCase();
       var bName = b.name.toLowerCase(); 
       return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
    });
 }
});

排序代码来自this answer