【问题标题】:Removing Sortable Jquery Tabs Issue删除可排序的 Jquery 选项卡问题
【发布时间】:2011-08-31 11:42:07
【问题描述】:

我已经整理了这个问题的演示。

排序后基本上会删除错误的选项卡。并非所有排序都会产生问题,因此请按照我在 JSFiddle JavaScript 部分中的示例进行操作。我有两个有趣的例子:

http://jsfiddle.net/GM9BQ/(相当长的演示)

http://jsfiddle.net/GM9BQ/7/(大大缩短)

http://jsfiddle.net/GM9BQ/13/(与 7(上图)相同,但使用 href 删除标签)

两者都显示出不同的问题。

这些问题已经存在很久了,我在即将发布的 1.9 版本中也看到了这个问题。

如果有人能帮助解决这个问题,我将不胜感激。

附言我也在 jquery 论坛发过帖子。

http://forum.jquery.com/topic/jquery-tabs-wrong-tab-removed-after-sorting

【问题讨论】:

  • 发生了一些奇怪的事情...... addTabRemoveEvent 被调用了两次,但 tabs.remove 只在双重删除时被调用了一次。如果你用它来删除标签可能会起作用吗?
  • 对不起,addTabRemoveEvent 被调用了两次???请详细说明:-)

标签: jquery jquery-ui jquery-ui-tabs jquery-ui-sortable jquery-tabs


【解决方案1】:

我发现该事件被多次触发,所以我添加了基本检查。您还可以实现基于标签数量的检查。

请查看http://jsfiddle.net/GM9BQ/1/

请注意,我删除了一些代码以简化调试。 希望它会有所帮助。

【讨论】:

  • 谢谢你,很有趣...在这种情况下最后一个标签面板没有被删除?
  • 刚刚对你的提琴(没有双关语),标签的隐藏让你认为标签正在被删除。我已经移除了隐藏,并且无法再移除标签。看看jsfiddle.net/GM9BQ/5
  • 那么在这种情况下,您不需要对事件进程进行任何检查。另请注意,它仍然是一个黑客......
  • 删除事件使其工作,但会导致更多的有线行为
  • 我捕获了排序的“更新”事件并重新排列了子 div,现在它正在工作jsfiddle.net/GM9BQ/22,您需要更改生成新 id 的逻辑。
【解决方案2】:

为了清楚起见,问题是选项卡已成功排序,但选项卡面板没有。因此,答案是更新面板以镜像与其相应选项卡相同的位置。

感谢 Ajay 在上一篇文章中解决了这个问题。可以在这里看到更新的示例。

http://jsfiddle.net/GM9BQ/23/

注意 addTabSortableEvent 函数的更新方法。

【讨论】:

  • 对不起 - 唯一的原因是您的主要答案与实际问题不那么接近。但我做了你的评论!又是一次我的朋友。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-06-26
  • 1970-01-01
  • 1970-01-01
  • 2011-05-15
  • 2011-04-06
  • 1970-01-01
相关资源
最近更新 更多