0

同じ問題での作業: jQuery UI "Accordion and Droppable" での作業

項目を選択したい場合は、それを accordion( <h3>) にドロップしてから、 に追加します<ul>。

たとえば、「アイテム 1」を「B」にドラッグし、「アイテム 1」をイエロー リストに追加します。

どうすればプログラムを変更できますか?

$(function() {
    $( "#sortable1, #sortable2" ).sortable({connectWith: '.connectedSortable'}).disableSelection();

    var $tabs = $( "#tabs" ).accordion({
        heightStyle: "content",
        collapsible: true,
        header: "> div > h3",
        beforeActivate: function( event, ui ) {
            $("#maps").width( $("#tabsMap").innerWidth() - $("#mapList").width() - 34 );
        },
        activate: function( event, ui ) {
            $("#maps").width( $("#tabsMap").innerWidth() - $("#mapList").width() - 32 );
        }
    }).sortable({
        axis: "y",
        handle: "h3",
        stop: function( event, ui ) {
            ui.item.children( "h3" ).triggerHandler( "focusout" );
        }
    });
});

http://jsfiddle.net/ZjvWN/2/

4

1 に答える 1

0

<h3>ドロップ可能なターゲットを作成し、「ドロップ」イベントでターゲット項目を対応する に追加する必要があります<ul>。

参照: http://api.jqueryui.com/droppable/

于 2013-06-28T02:00:35.280 に答える