After showing content with an effect, ready events (and events registerd durring ready) get called twice
Scenario: we have a page with a number of Tabs that the user can switch through to see different informatin.
inside those tabs we have script tags that register ready events to initialize controls on the tab to handle events and other things. When you click on the tab you get to the folowing lines of code.
- var content = $("#" + tabContentRoot + " .tabContent");
- var nextTab = tabs.filter(".active, .current").filter("." + tab + "_tab");
- var nextContent = content.filter("." + tab + "_tabContent");
-
content.hide();
nextTab.removeClass(
"active"
).addClass(
"current"
);
nextContent.show(
"blind"
, {},
"slow"
);
//nextContent.show("slow");
the problem comes when the show method is called with the effect animation options.
when we use the old show method (commented out... simple slow show) our events only get registered once.
and when we call the show method with the animation options, our script tags are called twice (but not each time the show event is called thus only twice)
Any ideas on why using the animation causes our ready events and javascripts to be called more than once?
Are there solutions to our problem?
The root reason for this code is to change the default show animation to a blind effect as opposed to the more busy looking one that it defaults to (slide i think).