How do I remove queue request from animated callback function
I modified a step carousel slider so that I could have multiple sliders on the same page/post in Wordpress. I ran into a contention issue where one slider would freeze up while the other kept sliding. The animation calls use callbacks that are also animation calls so that complicated it a bit. At first I thought I would need to create a javascript semaphore to solve the problem. I have only been using jQuery for a couple of days and found the .queue command and that seemed to solve the problem. My concern is that I am not calling the .dequeue command and am not sure where it should be placed in the code. There are two .animate calls made from one function called "stepBy" that cycles through the slides and they are of this nature:
1st call:
config.$belt.animate({left: -config.paneloffsets[config.currentpanel]-(direction=='forward'? 100 : -30)+'px'}, config.panelbehavior.speed, function(){config.$belt.animate({left: -endpoint+'px'}, {duration:config.panelbehavior.speed, complete: function(){config.onslideaction(this).queue}})});
2nd call:
config.$belt.animate({left: -endpoint+'px'}, {duration: config.panelbehavior.speed, complete: function() {config.onslideaction(this).queue}});
The callbacks "config.onslideaction(this)" for both of these calls update the counters in little boxes at the bottom of the slide, and although they do not call .animate they use jQuery to update the classes containing the boxes and numbers so I consider it another animation type call. Do I need to be concerned about not calling .dequeue or will jQuery take care of it, and if so, where/how should I place the .dequeu? Any advice would be helpful.