这是jQuery UI官方网站上的an example,显示了如何通过标签连接可排序列表。但我想要一个修改后的版本如下:当拖动元素在选项卡上移动时,选项卡会自动选中,这样我就可以将元素放在所选选项卡内的任何位置。
花了一个小时尝试不同的方式,但没有得到好运。任何人都有一些想法吗?
答案 0 :(得分:3)
试试这个: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");
}
});
});
答案 1 :(得分:0)
在这个方面工作,有一个开始,但可以使用来自UI人员的一些见解