首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >动态加载css样式表在IE上不起作用

动态加载css样式表在IE上不起作用
EN

Stack Overflow用户
提问于 2009-07-26 16:19:42
回答 3查看 35.1K关注 0票数 73

我动态加载一个css样式表(在jQuery的帮助下),如下所示:

代码语言:javascript
复制
var head = document.getElementsByTagName('head')[0];
$(document.createElement('link'))
    .attr({ type: 'text/css', href: '../../mz/mz.css', rel: 'stylesheet' })
    .appendTo(head);

这在Firefox和Google Chrome中运行良好,但在IE中就不行了。

有什么帮助吗?谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2009-07-26 16:25:58

一旦IE处理了页面中加载的所有样式,添加另一个样式表的唯一可靠方法就是使用document.createStyleSheet(url)

有关更多详细信息,请参阅createStyleSheet上的MSDN article

代码语言:javascript
复制
url = 'style.css';
if (document.createStyleSheet)
{
    document.createStyleSheet(url);
}
else
{
    $('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head'); 
}
票数 119
EN

Stack Overflow用户

发布于 2012-11-29 15:30:59

看起来

代码语言:javascript
复制
$('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head'); 

也可以在IE中工作,只要url是一个完全合格的URI,包括协议...

票数 1
EN

Stack Overflow用户

发布于 2016-04-21 22:28:11

在不打开调试器的情况下打开ie8。当您谈到动态样式表之后...打开调试器,瞧,它们应该在那里。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1184950

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档