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

请参阅文档中的此演示。基本上将 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)'
});