Jquery 附加CSS在IE8中无法正常工作

Jquery 附加CSS在IE8中无法正常工作,jquery,css,Jquery,Css,我发现这段代码在IE8中不起作用?根据jquery网站上的错误报告,IE8在向dom添加包含相关链接的css文件时可能存在问题 该漏洞的海报表明,按如下方式添加该漏洞可能有效: $("head").append('<link href="xxx.css" rel="stylesheet" type="text/css"/>'); 或者使用绝对url也可以: var style = document.createElement("link"); style.setAt

我发现这段代码在IE8中不起作用?

根据jquery网站上的错误报告,IE8在向dom添加包含相关链接的css文件时可能存在问题

该漏洞的海报表明,按如下方式添加该漏洞可能有效:

$("head").append('<link href="xxx.css" rel="stylesheet" type="text/css"/>');
或者使用绝对url也可以:

    var style = document.createElement("link");
    style.setAttribute("type", "text/css");
    style.setAttribute("rel", "stylesheet");
    style.setAttribute("href", "xxx.css");
    jQuery("head")[0].appendChild(style);

尽管他继续说,附加css文件中通过@import包含的任何文件也不会按预期加载

我建议对这些测试用例进行一次测试,看看哪些负载适合您,哪些负载不适合您。如果可以,您应该在HTML窗口中获得灰色背景:

OP问题中使用的方法:

根据我的回答,第一个可能的解决方案是:

根据我的回答,第二种可能的解决方案是:

如果这些都不起作用,那么克里斯·富尔斯托对类似问题的回答可能是一个可行的解决方案

根据jquery站点上的bug报告,IE8在向dom添加包含相对链接的css文件时可能存在问题

该漏洞的海报表明,按如下方式添加该漏洞可能有效:

$("head").append('<link href="xxx.css" rel="stylesheet" type="text/css"/>');
或者使用绝对url也可以:

    var style = document.createElement("link");
    style.setAttribute("type", "text/css");
    style.setAttribute("rel", "stylesheet");
    style.setAttribute("href", "xxx.css");
    jQuery("head")[0].appendChild(style);

尽管他继续说,附加css文件中通过@import包含的任何文件也不会按预期加载

我建议对这些测试用例进行一次测试,看看哪些负载适合您,哪些负载不适合您。如果可以,您应该在HTML窗口中获得灰色背景:

OP问题中使用的方法:

根据我的回答,第一个可能的解决方案是:

根据我的回答,第二种可能的解决方案是:


如果这些都不起作用,那么克里斯·富尔斯托对类似问题的回答可能是一个可行的解决方案

您使用的jQuery版本可能存在重复?我相信最新版本不支持IE8。有什么原因不能将它添加到需要它的特定页面的DOM中吗?我从来都不喜欢在加载DOM后将CSS文件添加到头部。请查看关于jquery的错误报告:我同意@Ohgodwhy和mdmullinaxpossible dupe您使用的jquery版本是什么?我相信最新版本不支持IE8。有什么原因不能将它添加到需要它的特定页面的DOM中吗?我从来都不喜欢在加载DOM后将CSS文件添加到头部。请查看jquery上的错误报告:我同意@Ohgodwhy和mdmullinax