0

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 の要素をソート不可にしたい。どうやってやるの

4

1 に答える 1

3

ドキュメントでこのデモを参照してください。基本的に、ソート可能にしたくないアイテムに 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)'
});
于 2009-08-29T09:32:52.287 に答える