I have have created Tab and embedded in each tab pane a HTML embed with different iframes.
All similar URL’s bar the 1x Number at the end, finishing with 1,2,4, and 3 for the different live fitness timetables. (For the published staging site, just started with the first 2, to simplify my issue)
When I check these different 2x URL’s on a browser, all working well, displaying different content.
However, when I embed these on the embed element in the tabs (all browsers), they seem to be caching at a guess, and showing the same content on the different tabs. I have tried renaming various classes and ID’s on the HTML Element, the Parent Div’s of the HTML element and Tab Panes, however no joy. Can anyone advise on this?
Below is my shared link and any advice on this, would be fantastic.
I really can’t add anything further to what’s already in the SO link I shared. Just try adding name=“x” and name=“y” to your iframe elements as attributes and see if the browser distinguishes the caching properly.
If not, you’ll need to go deeper. There are several approaches people are using in the article I shared.
If you read the link I sent you, it shows you examples of adding a name="whatever" attribute to help some browsers differentiate between the IFRAMEs and avoid caching.
If you want to try that reported solution, you’ll need to edit your iframe HTML to add it, wherever you have that. Most likely, it’s inside an HTML embed.
