0

2 つのリストがあります。開始時には、最初のリストのみが可視要素を持ち、2 番目のリストは 1 つの非表示要素のみで始まります。ドラッグするときは、空のリストを検索して、要素が 1 つしかないかどうか、CSS で非表示になっているかどうかを確認します。その場合、ソース リストからその要素を削除し、2 番目のリストに追加します。また、2番目のリストをソート可能にする必要がありますが、現時点では以下に示すコードでは機能しません。

$(function(){
    $( '.draggable_base_menu_item' ).draggable( {
        containment: '#submenu',
        stack: '#submenu ul li',
        cursor: 'move',
        revert: false,
        connectToSortable: '.droppable_menu_item_area'
    } );

    $( '.droppable_menu_item_area' ).sortable( {
        tolerance: 'pointer',
        items: 'li',
        receive: function( event, ui )
        {
            $(ui.draggable).appendTo( this );
        }
    } ).disableSelection();
});

誰でも何か提案できますか？

4

1 に答える 1

1

ソート可能ファイルはすでにドラッグ可能です。接続されたリストでソート可能ファイルを使用します。

http://jqueryui.com/sortable/#connect-lists

于 2012-03-11T10:08:08.780 に答える