jQuery加载多个css

Question

我有一个客户网站，他使用了很多 css 文件，我正在为移动设备创建 css。

我有这个脚本来决定加载什么:

var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod|ipad|android)/);
if (agentID) {
//mobile
        $("link[rel=stylesheet]").attr({href : "includes/css/mobile.css"});
} else {
//desktop
        $("link[rel=stylesheet]").attr({href : "includes/css/cssLogin.css"});
        $("link[rel=stylesheet]").attr({href : "includes/css/magazine.css"});
    }

问题是，当它是桌面时，它只加载最后一个 magazine.css，第一个 (cssLogin.css) 被替换。

如何使用 jQuery 加载多个 css？

非常感谢您的关注 =]

Answer 1

你可以将它们附加到头部

$("head").append($("<link rel='stylesheet' href='style.css' type='text/css' />"));