delegate() bind does not handle mouseover/mouseout and mouseenter/mouseout correctly for selected elements

[thej3tan@…]

Affects Version 1.6.1 only, 1.6 works fine

Tested in Firefox(3.6) and Chrome Windows XP

May be related to Ticket #9069

Test Case:

<div id="test_box"> Test Box<br><br> <a href="#" class="test1">Test 1</a><br><br> <a href="#" class="test2">Test 2</a> </div> <script> $(document).ready(function() {

$("#test_box").delegate("a.test1", "mouseenter", function() { console.log('mouseenter'); }); $("#test_box").delegate("a.test1", "mouseleave", function() { console.log('mouseleave'); }); $("#test_box").delegate("a.test2", "mouseover", function() { console.log('mouseover'); }); $("#test_box").delegate("a.test2", "mouseout", function() { console.log('mouseout'); });

});

mousing over "Test 2" does not generate any output using 1.6.1 but works fine in older version including 1.6.

Also noticed if we assign all 4 mouse events with the same selector (a.test1), only mouseenter and mouseleave are fired.

[Rick Waldron]

Thanks for taking the time to contribute to the jQuery project! Please provide a reduced jsFiddle test case to help us assess your ticket!

Additionally, be sure to test against the jQuery Edge version to ensure the issue still exists. To get you started, I've created this boilerplate: ​http://jsfiddle.net/rwaldron/da3nM/ Open the link and click to "Fork" in the top menu.

[thej3tan@…]

Reduced Test Case

​http://jsfiddle.net/ZE2Ug/3/

[addyosmani]

Confirmed. Works fine with 1.6 and below but there appears to be a regression in 1.6.1 where mouseover and mouseout aren't firing or being bound correctly.

[Rick Waldron]

This might be a little less cluttered for the basis of a unit/ref test

​http://jsfiddle.net/rwaldron/vACb2/

[Rick Waldron]

#9312 is a duplicate of this ticket.

[john]

Nominating ticket for 1.7 discussion.

[Rick Waldron]

+1, Seems like a bug, should be fixed

[jaubourg]

+1, Bug bug bug

[timmywil]

+1,

[dmethvin]

+1, although this is a bug not a feature.

[john]

+1

[ajpiano]

+1, BUG should be fixed for 1.6.2

[scottgonzalez]

+1

[scottgonzalez]

-1, cleverness != elegance

[hlian]

This is almost certainly due to the changeset for #9069. Reverse-applying ​https://github.com/jquery/jquery/commit/419b5e5e2a0d376e71c3f37bf9a3d96f3b4a67f2 fixes this bug (but would also regress #9069, so darn).

[Rick Waldron]

@hlian this bug is on the 1.7 fix list, so rest assured it will be dealt with for that release :)

[dmethvin]

This code was reworked in 1.7, and yes there were issues that caused interference between mouseenter/leave and mouseover/out. I've created jquery/test/hovertest.html in the repo to verify all the cases work properly in 1.7 now.

[dmethvin]

Fixed in 1.7, commits:

​https://github.com/jquery/jquery/commit/6a670df9e9b9e5cd278b390a2e99ac179307a4e9

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