jquery를 사용하여 HTML과 CSS를 주입하지만 별도의 파일에 CSS가 있습니까?

Question

저는 Jquery를 통해 사용자 웹 사이트에 HTML을 주입 할 무언가를 만들고 있습니다. 내 서버에 호스팅되어 있습니다. 다른 자바 스크립트처럼 이미 스크립트를 포함 할 것입니다.

그래서 제 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

당신은 당신이 스크립트를 제공 곳으로 href 포인팅으로 <link> 태그를 삽입하는 jQuery를 사용할 수 있습니다

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

Answer 2

당신은 head에 CSS를 추가 할 수 있습니다.

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

또는 요청하여 style 태그를 만드십시오. 당신이 $.get을하고 추가 또는 iframe을 사용할 수 있습니다 html을 추가에 관해서는

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

.