Duplicate mouseover and mouseout events added to cloned element.

[patrickwhalen]

When cloning an element that has mouseenter or mouseleave events, the clone will receive a duplicate mouseover and mouseout event causing the handler to double-fire.

So if the jQuery.cache shows this for the original:

mouseenter: Array(1)

mouseover: Array(1)

mouseleave: Array(1)

mouseout: Array(1)

the clone will have:

mouseenter: Array(1)

mouseover: Array(2)

mouseleave: Array(1)

mouseout: Array(2)

---

Test: ​http://jsfiddle.net/9y7tp/

The hover for the original element will toggleClass the "blue" class properly and show one alert.

The hover for the clone double-fires the handler, so the toggleClass is called again, and you get 2 alerts.

var $hoverbox = $('.hover').hover(function(e) {

$('#box').toggleClass('blue');

alert(e.type);

});

$hoverbox.clone(true).text("Hover clone").appendTo('body');

[patrickwhalen]

Just noting that this is still an issue in jQuery 1.4.3 rc1

[snover]

Retargeting for next release.

[Rick Waldron]

#8397 is a duplicate of this ticket.

[john]

Let's bump this and discuss it for 1.7.

[john]

Nominating ticket for 1.7 discussion.

[Rick Waldron]

+1, Seems like a bug, should be fixed

[jaubourg]

+1, It's a bug

[ajpiano]

+1,

[Timmy Willison]

+1,

[john]

+1, Oof, let's get this fixed.

[scottgonzalez]

+1

[jzaefferer]

+0

[dmethvin]

Fixed here: ​https://github.com/jquery/jquery/commit/0ec71ac707fc3edce6ee67a54da6c779164812f4