jquery - 多个 jQuery UI 选项卡 + 连接的可排序无法按预期工作

Question

我正在使用 jQuery 1.8.2 和 jQuery UI 1.9.0。

这是 jQuery UI Tabs Demo page 中可排序演示的扩展有两组选项卡+可排序，相互连接http://jsfiddle.net/sujay/cUDLF/ .

移动工作正常，但即使在刷新之后，选项卡也无法按预期工作。

要重现该问题，请尝试将未选择的选项卡从顶部组移动到底部组，然后选择它。

您将看到选项卡和面板都已移至底部集(底部集选择将被取消选择)。但在选择时，顶部设置的选项卡将被取消选择。

更新

我现在可以让它工作了。检查http://jsfiddle.net/cUDLF/6/ 。

但是正弦接收事件仅获取绝对位置而不是索引。位置丢失了。它始终附加到选项卡列表的末尾。

如果有办法找到索引，问题就可以解决。

Answer 1

替换:

tabs.tabs( "refresh" );

与:

tabs.tabs('destroy');
tabs.tabs();