CODEWITHSUNDEEP
jquerycsscross-browserinternet-explorer-6
shadow_boi
shadow_boi

Reputation: 11

jQuery to change style sheet (like a theme switcher), doesn't load CSS in IE

So the page is here: http://www.sumsy.com/testing/1/login.html

It works in FF, but no IE.

The problem is:

Click on Change Theme, select the second box(blue box), the site should switch to a new theme,

However, in IE, it just doesn't load any CSS style. I did some debugging. The style sheet link attr is actually changed.

Can you guys please shed some light?

You can see the JS (mainly theme-switcher.js) and HTML code from view source. If you need me to paste the code here, please let me know.

Upvotes: 1

Views: 771

Answers (1)

lonesomeday
lonesomeday

Reputation: 238115

Updating link elements dynamically has highly variable behaviour. I found the same issue when (for some crazy reason) I wanted to dynamically change favicon links. The best solution is to remove the old link and replace it with a new one:

$('#active-theme').replaceWith($('<link>', {
    id: 'active-theme',
    href: 'themes/' + get_cookie + '/_css/main.css',
    type: 'text/css',
    rel: 'stylesheet' 
}));

Upvotes: 2

Related Questions