Загружать разные CSS-файлы при последовательном щелчке пользователя без перезагрузки HTML-страницы?CSS-макет должен измениться по клику - PullRequest
Новая
       2

Загружать разные CSS-файлы при последовательном щелчке пользователя без перезагрузки HTML-страницы?CSS-макет должен измениться по клику

0 голосов
/ 27 января 2011

Я создаю небольшой веб-сайт, где ... когда пользователь нажимает на одно из меню, текущий макет CSS должен измениться, и новый макет CSS должен быть сформирован без перезагрузки страницы.Я хотел сказать, что баннер остается прежним, но полный макет CSS под ним повторно разворачивается [CSS-файл, содержащий макет под баннером, перезагружается].Это должно произойти без перезагрузки HTML-страницы.Как я могу достичь этого?В настоящее время я думаю о 2 разных файлах CSS.Но как применить CSS без перезагрузки страницы?

Заранее спасибо.

1 Ответ

2 голосов
/ 27 января 2011

Вы можете использовать 1 файл CSS, например, ниже 

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

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

В вашем jquery, onload, вы выбираете шаблон 

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

В зависимости от размера, количества шаблоновВы, возможно, захотите поместить их в отдельные файлы.Затем вам придется динамически загружать каждый файл, когда пользователь щелкает по нему, что может привести к задержке для пользователя, когда он нажимает кнопку.

...