JQuery tabbed pages content - only the first page shows the sIFR (IE + Safari/PC and Safari/Mac)

Question

Hi there,

i've just been trying to figure this out...

All is well in Firefox(PC/Mac), but Safari (PC/mac), and 3 versions of IE(6,7,8) are not playing ball - please read on...

Context: I have a small tabbed content area with 3 alternate content - they each have siFR headers, with exactly the same mark up. I'm using simple jQuery show() and hide(), and the first content is set to show as default.

Problem: Now the strange thing is that in IE6, 7 + 8 and safari on PC, the sIFR is rendered on the default content but not in the other tabbed content.

Question: Does this sound familiar to anyone? And can anyone explain what might be causing this?

Any help would be most appreciated!

Answer 1

According to this discussion, sIFR won't replace elements that are not displayed (i.e. text in you hidden tabs).

The solution would be to execute calls to sIFR.replace(...) when the tab is changed.

---

Another solution is provided in jQuery UI documentation.