$("select").live("change", function(){ ...broken in IE8 in jQuery 1.7

[tavelli]

Following example works with 1.6.4, but breaks in 1.7.x

​http://jsfiddle.net/yrA5E/1/

[tavelli]

this may have more to do with adding new elements by cloning an existing element with a listener attached?

[dmethvin]

This seems to work for me in Firefox 8. Is there some specific browser where it failed?

[tavelli]

Fails in IE8. Haven't tested in IE7 or IE6 yet, will on Monday.

[dmethvin]

I see it now, both the problem and the IE8 in your original title. When the element is cloned it appears the property for _change_attached has been promoted to an attribute and cloned, which means the cloned elements don't receive the event handler patch they need.

[tavelli]

Do you know of any workaround for this? I tried calling .off() on the select element after its clone and before it is appended back to the page, but no go.

[dmethvin]

For now the solution is to not clone the element. If you start with a new one it won't incorrectly inherit the attribute that makes it think the event is already attached.

[tavelli]

The level of hackiness on this is quite high, but calling $("myclonedelement").removeAttr("_change_attached"); after its cloned and before its appended back to the page seems to fix it and work across IE and chrome.

[dmethvin]

#11033 is a duplicate of this ticket.

[Dave Methvin]

Fix #10878. Clear oldIE special change/submit flags on a clone.

Changeset: c746f79cc024df41d9300f3b910a8a55b3c91c3e