Javascript Jquery 添加样式表 IE

标签 javascript jquery internet-explorer

这是我的代码源:

            nodeCss = $('<link rel="stylesheet" href="about:blank" type="text/css" 

media="all" />');
                nodeCss.attr('href',css_file);
                $("head").append(nodeCss);

我在 IE 上遇到两个问题:

  • 第一个是样式表第一次被忽略:我的页面允许我重新加载代码,当我这样做时,样式表不会被忽略。在插入 styleSheet 所针对的新元素之前,可能必须加载样式表。

  • 第二个问题,所以第一个问题可以被“破解”(因为仅在 IE 上),它是我的动态样式表中的背景“url(...)”永远不会通过 javascript 加载到动态加载 css 文件中。与 HTML 上的普通样式表相同的操作宽度会导致背景正常。还有一点,只有 IE:Chrome 和 Firefox 的表现非常好。

抱歉我的语言不通,我会说一点英语,可以理解。

非常感谢。

最佳答案

尝试在 IE 浏览器中使用 document.createStylesheet。 MSDN 有一个 article关于如何使用此方法。

潜在的跨浏览器解决方案:

(document.createStyleSheet) ? document.createStyleSheet(css_file) : $('<link rel="stylesheet" type="text/css" href="' + css_file + '" />').appendTo('head')

关于Javascript Jquery 添加样式表 IE,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7675184/

相关文章:

php - 单击一个增量编号的 div 时打开另一个 div

php - 如何使用javascript更改隐藏类型输入字段的值

javascript - IE中的脚本调试

javascript - 使用ip地址和localhost在机器上打开网站的区别?

javascript - 如何在 jquery 自动完成中绑定(bind)按键事件?

javascript - Ctrl 或 Shift 对每个浏览器中 anchor 标记的 `onclick` 事件的影响

jquery - 如何让 4 个元素围成一圈旋转?

javascript - JQuery:如何自动完成 "City, State"?

javascript - 使用 jQuery 处理 SharePoint 中多选选择字段的更改

selenium - BrowserStack - IE11 上的 SendKeys 不正确