mouseenter/leave behave like mouseover/out with live events

[korchev]

The description says it all. Please check the attached repro file.

[alexgyoshev]

fix committed at GitHub,  http://github.com/gyoshev/jquery/commit/aa08149057831c1a81ab16b430a77f64ecc4eae2

[rwaldron]

This issue no longer exists

 http://jsfiddle.net/rwaldron/8cykH/1/

[akorchev@…]

No, the problem still exists. Your code is using delegate. You need to use live events and nested elements with the same class. Here is the jsfiddle.net based example which fails in the same way as the initial case:  http://jsfiddle.net/QUNQT/ Use the mouse to enter the parent element and then the child one. See what gets logged in the console.

[rwaldron]

Sorry, I linked to the wrong fiddle. This is the correct fiddle, I've also updated it to use the 1.4.4rc1

 http://jsfiddle.net/rwaldron/m7qxf/

Following your instructions, here is the result:

mouseenter outer
mouseleave outer
mouseenter inner
mouseleave inner
mouseenter outer
mouseleave outer

[akorchev@…]

Should't the result be a bit different? I expect to see this: mouseenter outer mouseenter inner mouseleave inner mouseleave outer

If I change live to bind I get the desired behavior. I have updated the examples to show you: 'bind' version:  http://jsfiddle.net/V8jpL/ 'live' version:  http://jsfiddle.net/ct95u/1/ Also note that both divs are using the same class.

[jitter]

Move fixed tickets to appropriate milestone