相关疑难解决方法(0)

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

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

这适用于Firefox和谷歌浏览器,但不适用于IE.

有帮助吗？谢谢

$.getScript('ajax/test.js', function() {
  alert('Load was performed.');
});

..就像上面的代码在请求时加载外部JS一样,是否有类似的东西可以在需要时加载外部CSS样式表？

例如,当我在我的网站上使用灯箱(内联弹出窗口)时,我想避免加载灯箱JS和CSS文件onload,除非用户请求.

谢谢

我正在尝试rel=preload第一次,将它用于几个样式表.这是有问题的代码:

<link rel="preload" href="css/styles.css" as="style">
<link rel="preload" href="//allyoucan.cloud/cdn/icofont/1.0.0beta/css/icofont.css" crossorigin="anonymous" as="style">

我正在使用Chrome 61进行测试,我可以看到样式表按预期下载,但是它们实际上从未应用过,我在控制台上收到消息说没有使用预加载的资源.

如果我取消rel=preload赞成rel=stylesheet,那么它的效果非常好.

有什么我想念的吗？