>웹 프론트엔드 >CSS 튜토리얼 >jQuery를 사용하여 AJAX 로드 콘텐츠에 CSS를 동적으로 적용하려면 어떻게 해야 합니까?

jQuery를 사용하여 AJAX 로드 콘텐츠에 CSS를 동적으로 적용하려면 어떻게 해야 합니까?

Barbara Streisand
Barbara Streisand원래의
2024-12-02 12:04:15845검색

How Can I Dynamically Apply CSS to AJAX-Loaded Content with jQuery?

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

jQuery를 사용하여 AJAX를 통해 HTML 콘텐츠를 로드할 때 CSS를 로드된 콘텐츠. 동적으로 추가된 CSS는 브라우저에서 자동으로 평가되지 않기 때문입니다.

평가 옵션:

이 문제를 해결하려면 여러 가지 방법을 사용하여 CSS를 동적으로 평가할 수 있습니다. :

1. AJAX를 사용하여 CSS 로드:

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

2. 동적으로 생성된 사용:

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

3. 동적으로 생성된