Search jQuery

jQuery Forum

Using jQuery

wolfchama..

Nested queue() proccess

in Using jQuery • 7 years ago

Hi there!

So here it's my question.

I have some HTLM elements wich I want to animate, but instead of using .animate() method I am using other ones, as .hide()/.show() or .css()

So the problem cames that I have to nest this actions in order to re-calculate container's bounds, as for example, the height property.

I have something like this:

obj.hide('slow').queue(function(){
objInner_1.hide('slow').queue(function(){
objInner_2.show('slow');
$(this).dequeue(); //[1]
});
}).queue(function(){
calculateHeight(parent);
$(this).dequeue();
});

Ok.

This doesn't work, so far.

Because the call to .dequeue() method [1] doesn't break outers queues, so whenever I run this code it never hits the 'calculateHeight()' function.

Is there any way to fix this?

Thanks in advance for your help.

- I didn't know it was imposible, so far I wouldn't had achieved it. -

Replies(1)

kbwood.au

Re: Nested queue() proccess

7 years ago

You were missing the dequeue for your first queue callback. Try using the next function instead, which is provided to the queue callback as a parameter:

obj.hide('slow').queue(function(next) {
objInner_1.hide('slow').queue(function(next) {
objInner_2.show('slow');
next();
});
next();
}).queue(function(next) {
calculateHeight(parent);
next();
});

Top Reply

Response title

Attachments

jQuery Forum

Nested queue() proccess

Replies(1)

Re: Nested queue() proccess

Statistics

Tags

Actions