Tabs Not Loading Properly

They’re all loading just fine for me.

Tested in: IE10, Chrome, Firefox and Opera.

Each tab is loading? Even the ones labeled 48 and higher?

I just tried two separate computers and different browsers and still did not get it to load completely. Got the first 4 or 5 tabs, then blanks the rest of the way.

I don’t see any errors, so I am wondering could this be a connection speed issue? Not sure why, but I can’t explain why you can have all of them load and I cannot. Just tried my mobile connection as well and had the same issue, tabs labelled 00, 03, 06, and 09 loaded correctly but the remainder did not load.

Ah i managed to catch the issue, the elements you’re placing inside the tabs sometimes don’t appear to unhide themselves.

Does a jQuery script of some kind manage the inline HTML for those elements? Post UI Tabs certainly doesn’t touch that HTML.

In short, the element that holds the tab content is visible, its the elements you have rendering within that are not always removing some inline styling that sets the element to width:0 and height:0 amongst other values.

Yes, there is a jquery inside of the tab elements. I am using a BeforeAfter plugin for a comparison slide across two images that are within the tabs.

I went into the code and forced the height & width of the images and therefore the element to what they need to be. It appears to be working at the moment, but I will do a couple more tests in other browsers to be sure that solves the problem.

Thanks for your help, great plugin!

Apparently it helped with the issue, but does not seem to have solved the issue. I currently use the BeforeAfter plugin with shortcodes within the tabs. Do you think coding it with straight html rather than the shortcodes would work?

I may try to eliminate the short codes within the tabs to see if that can be a solution.

Hi Jayson,

Do you have a testing environment you could run some tests on? ie. a local website setup, on WAMP or similar?

I’d be curious to see if you can replicate these issues locally, and ideally testing with the bare minimal of plugins activated. Obviously your site is active and you don’t want to go switching parts of it off(totally understand that_, so testing in a local environment might be helpful in narrowing down on what specifically is at fault.

Testing the beforeafter code outside of a shortcode may be helpful to(as you suggested above).