jQuery Animation Fehler auf geklonte Elemente

Question

In Firefox scheint dies gut zu funktionieren - aber Safari, Opera & Chrome alle hatten Problem. Ein Fehler wird durch jQuery.ui (Zeile 3181) ausgelöst, der die Farbänderung von Elementen steuert, d. H. Den "Highlight" -Effekt.

Dies geschieht nur, wenn man versucht, den Klon in der gleichen Aktion zu klonen und zu markieren, dh $(targetStory).after(targetStory.clone().effect("highlight", {}, 1300));

Die in Firefox funktioniert gut, aber bewirkt, dass anderen Browser zum Stillstand zu mahlen - targetStory ist einfach die ID des Elements geklont werden, und es muss nach diesem Element geklont werden.

Ist schon jemand auf diesen Fehler gestoßen, und gibt es eine andere Lösung, um den Klon leicht zu animieren? Weniger Zeilen, desto besser.

Answer 1

Was:

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

genau das gleiche, nur anders um. Nicht sicher, warum FF ist OK und die anderen sind kaputt, obwohl ...

Answer 2

Wenn das Element, das Sie klonen, eine ID hat, müssen Sie die ID des Klons entfernen (oder ändern), bevor Sie es wieder einlegen das DOM. Versuchen Sie:

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