Bug Tracker

Modify

Ticket #3975 (closed bug: invalid)

Opened 5 years ago

Last modified 5 years ago

Problem in opacity animation

Reported by: ibrahim Owned by:
Priority: minor Milestone: 1.3.2
Component: effects Version: 1.3.1
Keywords: Cc:
Blocking: Blocked by:

Description

if you hovering in & out couple of times in the image in my example and then stop you will see the opacity is taking value other then it should be example in attached file

Attachments

example.zip Download (78.8 KB) - added by ibrahim 5 years ago.
example

Change History

Changed 5 years ago by ibrahim

example

comment:1 Changed 5 years ago by dmethvin

  • Status changed from new to closed
  • Resolution set to invalid

Here's the basics of the test code:

$('.hover').hover(function() {
	$(this).find('img').stop().fadeOut('slow');
}, function() {
	$(this).find('img').stop().fadeIn('slow');
});	

The .stop() method is leaving the opacity at its value where the animation was stopped, which then causes the fadeIn/Out to resume at that point on later calls. As documented, if you want to have it go to the final animation point, pass in true for the {{{goToEnd}} argument.

 http://docs.jquery.com/Effects/stop#clearQueuegotoEnd

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.

View

Add a comment

Modify Ticket

Action
as closed
Author


E-mail address and user name can be saved in the Preferences.

 
Note: See TracTickets for help on using tickets.