HTML 페이지를 다시로드하지 않고 순차적 인 사용자 클릭시 다른 CSS 파일을로드 하시겠습니까? CSS 레이아웃이 onclick을 변경해야합니다

Question

사용자가 메뉴 중 하나를 클릭하면 현재 CSS 레이아웃이 변경되어야하고 새 CSS 레이아웃이 페이지를 다시로드하지 않고 구성되어야하는 작은 웹 사이트를 구축하고 있습니다. 내가 말하고자했던 바는 배너는 동일하게 남아 있지만 그 아래의 완전한 CSS 레이아웃은 [배너 리로드 아래 레이아웃이 포함 된 CSS 파일]로 다시 배포됩니다. HTML 페이지를 다시로드하지 않고이 작업을 수행해야합니다. 내가 어떻게 이걸 얻을 수 있니? 나는 현재 2 개의 다른 CSS 파일을 가지고 있다고 생각하고 있습니다. 하지만 페이지를 다시로드하지 않고 CSS를 적용하는 방법은 무엇입니까?

미리 감사드립니다.

Answer 1

당신은 당신의 JQuery와에

BODY.Template1 H1 { 
} 
BODY.Template1 P { 
} 
BODY.Template1 A { 
} 

BODY.Template2 H1 { 
} 
BODY.Template2 P { 
} 
BODY.Template2 A { 
} 

이, 온로드, u는, 크기에 따라 템플릿

$(document).ready(function() { 
    $('BODY').addClass('Template1'); 
}); 
$(element).click(function() { 
    $('BODY').removeClass('Template1').addClass('Template2'); 
}); 

을 선택 아래로, 1 개 CSS 파일을 사용할 수 있습니다 당신이 가고있는 템플릿의 수 가지고있다, 당신은 그들을 분리 된 파일에 넣고 싶을지도 모른다. 그런 다음 사용자가 클릭 할 때마다 동적으로 각 파일을 다운로드해야하므로 버튼을 클릭 할 때 사용자가 지연 될 수 있습니다.