Elément triable Jquery

Question

Comment accéder à l'élément triable 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(); 

}` 

Dans cette fonction je veux filtrer un élément de ul.usrlist qui est rendu triable ie. Je veux rendre un élément de ul.usrlist non triable. Comment puis-je faire cela

Answer 1

Référez-vous à this demo dans les docs. Fondamentalement, ajoutez une classe de ui-state-disabled aux éléments que vous ne voulez pas trier, puis passez dans les éléments lorsque vous définissez le sortable.

par exemple

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)' 
});