Side navigation
#5821 closed bug (fixed)
Opened January 15, 2010 01:59PM UTC
Closed October 25, 2010 09:08PM UTC
Last modified October 27, 2010 06:28AM UTC
mouseenter/leave behave like mouseover/out with live events
Reported by: | korchev | Owned by: | brandon |
---|---|---|---|
Priority: | low | Milestone: | 1.5 |
Component: | event | Version: | 1.4 |
Keywords: | Cc: | akorchev@gmail.com | |
Blocked by: | Blocking: |
Description
The description says it all. Please check the attached repro file.
Attachments (1)
Change History (6)
Changed February 24, 2010 06:01PM UTC by comment:1
Changed October 25, 2010 09:08PM UTC by comment:2
_comment0: | This issue no longer exists \ \ http://jsfiddle.net/rwaldron/8cykH/ → 1288040972286008 |
---|---|
priority: | major → low |
resolution: | → fixed |
status: | new → closed |
This issue no longer exists
Changed October 26, 2010 06:31AM UTC by comment:3
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:
Use the mouse to enter the parent element and then the child one. See what gets logged in the console.
Changed October 26, 2010 01:06PM UTC by comment:4
_comment0: | 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 → 1288098431205726 |
---|---|
milestone: | 1.4.1 → 1.4.5 |
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
Changed October 27, 2010 06:28AM UTC by comment:5
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.
Changed January 14, 2011 10:20PM UTC by comment:6
milestone: | 1.4.5 → 1.5 |
---|
Move fixed tickets to appropriate milestone
fix committed at GitHub, http://github.com/gyoshev/jquery/commit/aa08149057831c1a81ab16b430a77f64ecc4eae2