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' />"));