Skip to main content

Bug Tracker

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)
  • repro.html (1.1 KB) - added by korchev January 15, 2010 01:59PM UTC.
Change History (6)

Changed February 24, 2010 06:01PM UTC by alexgyoshev comment:1

Changed October 25, 2010 09:08PM UTC by rwaldron comment:2

_comment0: This issue no longer exists \ \ http://jsfiddle.net/rwaldron/8cykH/1288040972286008
priority: majorlow
resolution: → fixed
status: newclosed

This issue no longer exists

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

Changed October 26, 2010 06:31AM UTC by akorchev@gmail.com 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:

http://jsfiddle.net/QUNQT/

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 rwaldron 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 outer1288098431205726
milestone: 1.4.11.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 akorchev@gmail.com 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 jitter comment:6

milestone: 1.4.51.5

Move fixed tickets to appropriate milestone