jQuery UI Tabs take a split second to load / initialise
I have a page with UI Tabs. With a very small amount of content in each one. It has been working brilliantly but a problem started today.
When the page loads for a split second it displays the tabs as the raw html. So it shows the tabs as the list items and displays the content of all tabs stacked beneath them. The page then switches to how it should look. This happens on every refresh. This is not a critical error but looks bad to a user of my page.
I perform the tab initialisation right after document.ready
-
$(document).ready(function() {
$("#tabs").tabs();
This only started happening today so I may have broken it myself somehow. Is there something common that can cause such behaviour?
Should I be doing the tab initialisation before document.ready?
Thanks.
[EDIT] Only seems to effect IE not FF