Javascript jqueryui：通过选项卡连接可排序列表

这里是jQueryUI官方站点，展示了如何通过选项卡连接可排序列表。但是我需要一个修改版本，如下所示：当拖动元素移动到选项卡上时，该选项卡将自动被选中，以便我可以将元素放置在所选选项卡内的任何位置

---

我花了一个小时尝试不同的方法，但没有得到好运气。任何人都有一些想法吗？

在这方面工作，有一个开始，但可以使用一些来自UI人员的见解

试试这个：。只有几处修改与原来的修改相同

$(function() {
    $("#sortable1, #sortable2").sortable({
        connectWith: "#sortable1, #sortable2"
    }).disableSelection();
    var $tabs = $("#tabs").tabs();
    var $tab_items = $("ul:first li", $tabs).droppable({
        accept: ".connectedSortable li",
        hoverClass: "ui-state-hover",
        over: function(event, ui) {
            var $item = $(this);
            var $list = $($item.find("a").attr("href")).find(".connectedSortable");
            $tabs.tabs("select", $tab_items.index($item));
            ui.draggable.appendTo($list).show("slow");
        }
    });
});

---

我试过你的密码。当拖动元素移动到该选项卡上时，该选项卡将消失。我用的是firefox。是的，它并没有像上面说的那样100%正常工作，只是在别人入侵的情况下发布。还在玩它。。