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

原文 标签 jquery jquery-ui jquery-ui-tabs jquery-ui-sortable

我正在使用 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/ .

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

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

最佳答案

代替:

tabs.tabs( "refresh" );

和:
tabs.tabs('destroy');
tabs.tabs();

关于jquery - 多个 jQuery UI 选项卡 + 连接的 Sortables 无法按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13082404/

相关文章:

javascript - JS在(双击)单击时停止突出显示

jquery-ui - jQuery UI 自动完成 : how to send post data?

javascript - 如何使用jQuery从选项中删除 “selected”属性

javascript - 如果在行中,如何使 jquery-ui 中的选项卡重新排序?

javascript - jQuery UI 选项卡 - 如何在悬停时选择选项卡

javascript - 在页面绘制之前运行 chrome 扩展内容脚本

jquery - .data()jQuery

javascript - 修改获取的JSON数据

jquery - 如何更改 JQueryUI 对话框标题的颜色?

css - 样式化 Jquery UI 选项卡导航