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添加到您不想要排序的项目中，然后在定义sortable时传入项目。

e.g

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

Jquery可排序元素

1 个答案: