3

There seems to be a bug still present in jQuery 1.6.2 that has an issue with .clone() and .html(). I created a fiddle: http://jsfiddle.net/Vxyu3/12/ that should help explain the bug. If you click on both links one after another, in Firefox the content will flip back and forth with no problems. In IE however (particularly IE7) if you go to the fiddle and then hit "Show Dynamic Content" then "Show Clone" then "Show Dynamic Content" then "Show Clone", the clone content is no longer visible. In fact it's not even injected into the DOM. It's like it disappears, or get erased somewhere along the way... Has anyone come across this bug and where I would start about fixing the issue.

Thanks!

http://jsfiddle.net/Vxyu3/12/

spez86
  • 732
  • 1
  • 11
  • 24

2 Answers2

1

May be a closure reference bug. Try defining the cloned parameter in global scope, but keep the assignment within the ready callback.

No, that doesn't work. It looks like a jQuery/IE bug where using a jQuery object for the HTML() function causes some problems.

Try this instead: domCloneMe.html(cloned.html());

JoshNaro
  • 2,047
  • 2
  • 20
  • 40
  • Good call! That did it! http://jsfiddle.net/jKnUe/3/ Thanks man! I've run into this issue several times already. Glad to have gotten to the bottom of it. http://jsfiddle.net/jKnUe/3/ – spez86 Aug 30 '11 at 16:12
  • Hmm, realized .html() actually destroys the object though, leaving only the content within it... http://jsfiddle.net/jKnUe/4/ – spez86 Aug 30 '11 at 16:18
0

Had to get around this by throwing the cloned object into a another div, hiding that div, and then appending its contents each time. Annoying and makes for longer code, but it's about the only thing that works right now.

spez86
  • 732
  • 1
  • 11
  • 24