使用 jquery 注入 HTML 和 CSS 但有 Z2C56C360580420D293172FB2 單獨文件？

Question

我正在構建一些東西，它將通過托管在我的服務器上的 Jquery 將 HTML 注入用戶網站（他們只是會像其他 Javascript 一樣包含我的腳本）。

所以我有我的 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'>");
});

Answer 1

您可以使用 jQuery 注入<link>標記，其href指向您提供腳本的任何位置：

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

Answer 2

你可以把 append 和 CSS 放在head 。

$("<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和 append 或使用iframe 。