Chrome AJAX 스타일 문제를 해결하기 위해 jQuery에서 인라인 또는 외부 CSS를 동적으로 적용하려면 어떻게 해야 합니까?

jQuery를 사용하여 인라인 또는 외부 CSS를 동적으로 적용

jQuery를 사용하여 Ajax 컨트롤을 Yahoo 팝업에 동적으로 로드하고 자체 컨트롤을 적용하려고 합니다. CSS를 사용하세요. 인라인 또는 외부 스타일시트의 두 가지 옵션이 있습니다. 그러나 Chrome에서 AJAX를 통해 로드된 CSS는 표준 방법을 사용하여 DOM에 추가할 때 평가되지 않는다는 것을 발견했습니다.

이 문제를 해결하기 위해 jQuery는 동적으로 추가된 스타일시트를 평가하거나 적용하는 여러 가지 접근 방식을 제공합니다. DOM에:

인라인 CSS 로드

사용 AJAX:

$.get(myStylesLocation, function(css)
{
   $('<style type="text/css"></style>')
      .html(css)
      .appendTo("head");
});   

동적으로 생성된

$('<link rel="stylesheet" type="text/css" href="'+myStylesLocation+'" >')
   .appendTo("head");

동적으로 생성된 외부 CSS 로드