[jQuery] CSS @import not working in IE
Hi,
I have the following jQuery and HTML on my site, which performs both a
total CSS switch, and a partial CSS import:
<script type="text/javascript" src="/Portals/19/jquery-1.3.1.min.js"></
script><script type="text/javascript">
$(document).ready(function() {
// COLOUR autumn
$("#css-autumn").click(function() {
$("link[rel=stylesheet]").attr({href : "/Portals/19/Skins/Design001/
autumn.css"});
});
// FONT Verdana Times
$("#css-verdanaTimes").click(function() {
$('style[type="text/css"]').text('@import url("/Portals/19/Skins/
Design001/verdanaTimes.css");');
});
});
</script>
<ul>
<li><a id="css-autumn" href="#autumn"><img height="26" alt=""
hspace="0" width="167" align="absMiddle" border="0" src="/Portals/19/
Images/Colour_Autumn.gif" /></a></li>
</ul>
<ul>
<li><a id="css-verdanaTimes" href="#verdanaTimes"><img height="41"
alt="Trebuchet Arial" hspace="0" width="167" align="top" border="0"
src="/Portals/19/Images/Font_VerdanaTimes.gif" /></a></li>
</ul>
The jQuery under //COLOUR autumn works like a dream, but the jQuery
under //FONT Verdana Times works in Mozilla and Safari, but not IE.
Do I have something wronge in the second .click(function () ?
Any direction would be appricated.
Marney