Copy code

Permalink

Please tell us why you want to mark the subject as inappropriate. (Maximum 200 characters)

Private Message

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

From : guest

To :

Subject :

Content :

Type the characters you see in the picture below.

Feedback

Email ID

Subject :

Comments :

Private Message

Type the characters you see in the picture below.

Attach files

Desktop Google Docs

Each Attachment size should not exceed 1.0 MB. Max no of attachments : 3

Loading User Profile...

guest

Response title

This is preview!

Attachments

()

New to this Portal? Click here to Sign up

You can also use the below options to login

jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate

All Forums
Recent Posts
Log In

Search jQuery

jQuery Forum

Move this topic

Forum :

Sub forum :

Using jQuery

bergen66

toggleClass weird reverse logic

in Using jQuery • 12 years ago

$('.Normal').bind('mouseenter mouseleave', function() {
$(this).toggleClass('Hover');
});

The above function works fine but is causing a problem if the cursor sits over '.Normal' when the page loads; mouseover & mouseout's functionality seems to switch.
Am I doing something wrong here? (This is more noticeable in older versions of ie).

Thanks in advance

Replies(1)

masterjy

回复: toggleClass weird reverse logic

12 years ago

If the cursor sits over '.Normal' initially, then the first event triggered will be mouseleave and Hover class is then toggled on causing the switched behavior. Solution is easy:

$('.Normal').hover(function(){
$(this).addClass('Hover');
}
,
function(){
$(this).removeClass('Hover');
}
}

Statistics

1 Replies
3399 Views
0 Followers

Actions

Permalink

Response title

Attachments

jQuery Forum

toggleClass weird reverse logic

Replies(1)

回复: toggleClass weird reverse logic

Statistics

Tags

Actions