克隆元素上的 jQuery 动画错误答案

【问题标题】：jQuery Animation Error on Cloned Elements克隆元素上的 jQuery 动画错误
【发布时间】：2013-07-23 16:26:50
【问题描述】：

在 Firefox 中，这似乎工作正常 - 但 Safari、Opera 和 Chrome 都存在问题。控制元素颜色变化的jQuery.ui（第3181行）将抛出错误，即“突出显示”效果。

这只发生在尝试克隆并在同一操作中突出显示克隆时，即$(targetStory).after(targetStory.clone().effect("highlight", {}, 1300));

这在 Firefox 中运行良好，但会导致其他浏览器停止运行 - targetStory 只是被克隆元素的 ID，它需要在该元素之后被克隆。

以前有没有人遇到过这个错误，是否有其他解决方案可以轻松地为克隆设置动画？行数越少越好。

【问题讨论】：

这对我来说效果很好。可以发布更多代码：一些html和初始化targetStory的方式（它不仅仅是ID，它应该是一个jQuery对象，就像你做targetStory.clone（）一样）

【解决方案1】：

怎么样：

 $(targetStory).clone().effect("highlight", {}, 1300)).insertAfter(targetStory);

完全相同，只是顺序不同。不知道为什么 FF 还可以，其他都坏了，不过...

【讨论】：

【解决方案2】：

如果要克隆的元素有 ID，则需要先删除（或更改）克隆的 ID，然后再将其放回 DOM。试试：

$(targetStory).clone().removeAttr('id').insertAfter(targetStory)
  .effect(...);

【讨论】：