jQuery Stop non-css animation

Posted by Mark on Stack Overflow See other posts from Stack Overflow or by Mark
Published on 2010-05-01T03:07:09Z Indexed on 2010/05/01 3:17 UTC
Read the original article Hit count: 242

Filed under:

jQuery

|

jquery-animate

I'm trying to stop a non-css animation:

http://jsbin.com/aqute4/4/edit

Button 1 starts the animation nicely, totally lost on how to stop it though, since .stop() seems to need a DOM element... rather than a random object.

Thanks in advance.

PS: Original code comes from: http://james.padolsey.com/javascript/fun-with-jquerys-animate/

© Stack Overflow or respective owner

Related posts about jQuery

Microsoft and jQuery

as seen on West-Wind - Search for 'West-Wind'
The jQuery JavaScript library has been steadily getting more popular and with recent developments from Microsoft, jQuery is also getting ever more exposure on the ASP.NET platform including now directly from Microsoft. jQuery is a light weight, open source DOM manipulation library for JavaScript that… >>> More
An Introduction to jQuery Templates

as seen on Stephen Walter - Search for 'Stephen Walter'
The goal of this blog entry is to provide you with enough information to start working with jQuery Templates. jQuery Templates enable you to display and manipulate data in the browser. For example, you can use jQuery Templates to format and display a set of database records that you have retrieved… >>> More
Ajax Control Toolkit December 2013 Release

as seen on Stephen Walter - Search for 'Stephen Walter'
Today, we released a new version of the Ajax Control Toolkit that contains several important bug fixes and new features. The new release contains a new Tabs control that has been entirely rewritten in jQuery. You can download the December 2013 release of the Ajax Control Toolkit at http://Ajax.CodePlex… >>> More
jQuery show "loading" during slow operation

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to show a small loading image during a slow operation with jQuery and can't get it right. It's a BIG table with thousands of rows. When I check the "mostrarArticulosDeReferencia" checkbox it removes the "hidden" class from these rows. This operation takes a couple of seconds and I want… >>> More
Tracking download of non-html (like pdf) downloads with jQuery and Google Analytics

as seen on Developer IT - Search for 'Developer IT'
Hi folks, it’s been quite calm at Developer IT’s this summer since we were all involved in other projects, but we are slowly comming back. In this post, we will present a simple way of tracking files download with Google Analytics with the help of jQuery. We work for a client that offers… >>> More

Related posts about jquery-animate

Passing dynamic CSS to jQuery.animate

as seen on Stack Overflow - Search for 'Stack Overflow'
The documentation of jQuery.animate states that The only required parameter is a map of CSS properties. This map is similar to the one that can be sent to the .css() method, except that the range of properties is more restrictive. So, why does this work $('#con div').css( { … >>> More
How to make jQuery animate upwards

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey there, I've got some jquery running fairly well, howeever when I hover over the element in question, the bottom expands downward which is not unexpected but is not the desired effect. I'd like the bottom of the element to remain stationary with the top of the element expanding upwards. If you'd… >>> More
jQuery animate() and appendTo() problem

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi! I'm doing a chess game. In there, I want to move an element with effect and then append it to new div. Following is my code. //--> #p70 is just ablove #p80 //--> each square is 64px $('#p80').animate({bottom:'+=64px'},500); //--> move one square above $('#b70').append($('#p80'));… >>> More
images are getting clipped when Jquery animate opacity is used in IE

as seen on Stack Overflow - Search for 'Stack Overflow'
I use the function given below: function rotate() { //Get the first image var current = ($('div#rotator ul li.show') ? $('div#rotator ul li.show') : $('div#rotator ul li:first')); //Get next image, when it reaches the end, rotate it back to the first image … >>> More
jquery animate browser window

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Is there a way to animate a browser window using jquery. Right now I'm essentially using this: $(window).animate({ left: '+=50' }, 5000}); The reason why it isn't working is probably obvious, although not for me. I eventually need to loop an animate effect so that the browser will move… >>> More