在連續用戶點擊時加載不同的CSS文件，無需重新加載HTML頁面？ CSS佈局必須更改點擊

Question

我正在建立一個小型網站，其中..當用戶點擊菜單之一，當前的CSS佈局必須改變，新的CSS佈局必須形成，而無需重新加載頁面。我的意思是說，橫幅仍然是一樣的，但它下面的完整的CSS佈局被重新部署[包含橫幅下方佈局的CSS文件重新加載]。這必須在沒有HTML頁面重新加載的情況下發生。我怎樣才能做到這一點？我目前正在考慮有2個不同的CSS文件。但是如何在不重新加載頁面的情況下應用CSS？

在此先感謝。

Answer 1

您可以使用1個css文件，如下面

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

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

在你的jQuery，onload事件，U挑模板

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

根據大小，你將模板數有，你可能想把它們放到單獨的文件中。然後，您必須在用戶點擊該文件時動態下載每個文件，這可能會導致用戶點擊該按鈕時出現延遲。