jQuery 팝업 창에 사용자 정의 CSS 파일을 추가하는 방법은 무엇입니까?

jQuery 팝업 창에 CSS 파일 추가

jQuery 팝업 작업 시 특정 팝에 대한 추가 스타일을 통합해야 할 수도 있습니다. 업 창. 이 글의 목적은 사용자 정의 CSS 파일을 팝업 창에 추가하는 방법에 대한 질문을 다루고 효과적으로 작동하는 솔루션을 제공하는 것입니다.

제공하신 JavaScript 코드는 다음을 사용하여 팝업 창을 생성하는 방법을 보여줍니다. 요소. 이 팝업 창에 CSS 파일을 추가하려면 팝업 창의 HTML 콘텐츠 섹션.

코드에서 팝업 창 클래스가 있는 요소에 링크 요소를 추가하려고 했습니다. 그러나 이 접근 방식은append() 메서드가 팝업 창이 아닌 기본 문서의 DOM에서 작동하기 때문에 작동하지 않습니다. 팝업 창의 헤드에 요소를 추가하려면 팝업 창 콘텐츠 내의 요소.

팝업 창에 CSS 파일을 추가하는 효과적인 솔루션은 다음과 같습니다.

$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');

이 코드는 링크 요소를 팝업 창에 추가합니다. 팝업 창에 상속될 기본 문서의 헤드입니다. 그러면 지정된 CSS 파일의 스타일이 성공적으로 로드되어 팝업 창에 적용됩니다.

위 내용은 jQuery 팝업 창에 사용자 정의 CSS 파일을 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!