Jqueryのソート可能な要素

Question

jqueryのソート可能な要素へのアクセス方法。

function dropMembers() { 

     $("ul.present").sortable({ 
      connectWith: 'ul', 
      containment: 'window' 
      //containment: 'ADD_MEMBER_DIALOG' 
//   sort: function(event, ui) { 
//    var present_result=$("ul.present").sortable('toArray'); 
//    // alert(ui.sortable); 
//   } 

     }); 

     $("ul.usrlist").sortable({ 
      connectWith: 'ul', 
      dropOnEmpty: true, 
      containment: 'window' 
//    sort: function(event, ui) { 
//    var usr_result=$("ul.usr").sortable('toArray'); 
//    //alert(ui.sortable); 
//   } 
     }); 

     $("#USER_PRESENT_LIST, #MAIN_USER_LIST").disableSelection(); 

}` 

この関数では、ソート可能にされたul.usrlistの要素をフィルタリングする必要があります。私は、ul.usrlistの要素をソートできないようにしたい。 どうすればいいのですか

Answer 1

this demoを参照してください。基本的には、あなたがソート可能にしたくないアイテムにui-state-disabledのクラスを追加し、ソート可能なものを定義するときにアイテムを渡します。

例えば

HTML

<ul id="sortable1"> 
    <li class="ui-state-default">Item 1</li> 
    <li class="ui-state-default ui-state-disabled">(I'm not sortable or a drop target)</li> 
    <li class="ui-state-default ui-state-disabled">(I'm not sortable or a drop target)</li> 
    <li class="ui-state-default">Item 4</li> 
</ul> 

JS

$("#sortable1").sortable({ 
    items: 'li:not(.ui-state-disabled)' 
});