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

Question

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

这是来自 jQuery UI Tabs Demo page 的可排序演示的扩展两组标签+可排序，相互连接http://jsfiddle.net/sujay/cUDLF/ .

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

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

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

更新

我现在能够让它发挥作用。查询 http://jsfiddle.net/cUDLF/6/ .

但是因为接收事件只得到绝对位置而不是索引。位置丢失。它总是附加到选项卡列表的末尾。

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

Answer 1

代替:

tabs.tabs( "refresh" );

和:

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