使用jquery注入HTML和CSS，但將CSS放在單獨的文件中？

我正在構建一些東西，它將通過服務器上託管的Jquery將HTML注入用戶網站（他們只是將腳本包含在其他Javascript中）。使用jquery注入HTML和CSS，但將CSS放在單獨的文件中？

所以我有我的HTML注入;我怎麼不能用注入的HTML編寫內聯樣式的CSS？

我唯一的想法是在我的Jquery的開頭查詢我的服務器的這個外部JavaScript文件。我不知道如何讓CSS和Jquery可以提供給用戶的瀏覽器。

有什麼想法？我正在做類似下面的內容，僅供參考。

$(document).ready(function() { 
$('body').find(":last").after(" 
<div class='spacer'></div><div id='nav_menu_wrapper'><div class='nav_menu'>"); 
});

2011-04-29 JohnAllen

您可以使用jQuery與href指點注入<link>標籤，無論你所服務的腳本：

$('head').append(
    $('<link/>', {href: '//path.to/your/stylesheet.css', rel: 'stylesheet'}) 
);

2011-04-29 14:33:06

您可以附加上head一個CSS。

$("<link />").attr({ "href": "link", 
    "rel": "stylesheet", 
    "type": "text/css" }) 
    .appendTo("head");

或者發出請求並創建一個style標記。

$.get("/static/default.css", function(d) 
{ 
    $("<style />").html(d).appendTo("head"); 
})

至於附加html你可以做一個$.get和添加或使用iframe。

2011-04-29 14:35:17 BrunoLM

回答