jQuery UI:通过选项卡连接可排序列表

jQuery UI: connect sortable lists through tabs

本文关键字：连接 排序 列表 选项 UI jQuery      更新时间：2023-09-26

下面是jQuery UI官方网站的一个示例，展示了如何通过选项卡连接可排序列表。但是我想要一个修改后的版本如下:当拖动元素移动到一个选项卡上时，该选项卡会自动被选中，这样我就可以在选中的选项卡内的任何位置放置元素。

我花了一个小时尝试不同的方法，但运气都不好。有人有什么想法吗?

试试这个:http://jsfiddle.net/2Xq2x/1/。只有几处修改，

$(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");
        }
    });
});

在这个工作，有一个开始，但可以使用一些洞察力从UI人员

http://jsfiddle.net/L8QAE/1/

相关文章：