Javascript 使用jQuery用户界面“；手风琴和可放下的“；

我有一个关于jQueryUI手风琴和可拖放的问题。 如何将项目从#选项卡1拖动到#选项卡2？ 我已经在jqueryui.com“可排序-使用选项卡连接列表”中查看了演示，但我不能将其用于手风琴：(

HTML:

---

您可以通过更改行来连接列表：

$( "#sortable1, #sortable2" ).sortable().disableSelection();

致：

但是接下来的问题是如何打开另一个将其放入另一个列表中

如果您添加

事件：“mouseover”

作为手风琴选项，则在您仍在拖动时不会触发mouseover

要实现同时打开多个面板，您需要一个相当难看的解决方法，但是，嘿，它可以工作！：

---

会员Boaz从以下答案中获得beforeActivate功能的积分：

为什么不能使用jQuery UI插件？

$(function() {
    $( "#sortable1, #sortable2" ).sortable().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" );
        }
    });
});

$( "#sortable1, #sortable2" ).sortable().disableSelection();

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