使用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

回答