Динамическое переключение тем JQuery? - PullRequest
Новая
       21

Динамическое переключение тем JQuery?

3 голосов
/ 10 июня 2010

Если я загружаю несколько тем JQuery, как я могу дать пользователям моего веб-приложения возможность динамического переключения между темами?

Ответы [ 2 ]

2 голосов
/ 13 августа 2010

Комментарий Ника Крейвера был верным, виджет переключателя тем был идеальным:
http://jqueryui.com/docs/Theming/ThemeSwitcher
новая ссылка: https://github.com/harborhoffer/Super-Theme-Switcher

0 голосов
/ 03 июля 2016

Помимо переключателя тем, вы можете динамически менять тему, удаляя ссылки на текущую тему.Добавить новые ссылки с новой темой.Это дает преимущество в том, что вы также можете изменять свои собственные темы.

См. Ниже Ansatz 

<head>
<link href="./jquery-ui-first/jquery-ui.css" id="qtheme" rel="stylesheet">
<link href="./css/specials-first.css" id="mtheme" rel="stylesheet">
</head>

Теперь рассмотрим изменение темы после нажатия кнопки: 

$(#otherthemebutton).click(function(){
    $("#qtheme").remove();
    $("#mtheme").remove();
    qelem = loadCss("./jquery-ui-other/jquery-ui.css","qtheme");
    qelem = loadCss("./css/specials-other.css","mtheme");
    document.getElementsByTagName("head")[0].appendChild(qelem);
    document.getElementsByTagName("head")[0].appendChild(melem);
});

loadCss = function(filename,id) {
    var elem=document.createElement("link");
    elem.id=id;
    elem.rel="stylesheet";
    elem.type="text/css";
    elem.href=filename;
    return elem;
}

Вы должны убедиться, что основной (внешний) javascript предназначен для той же версии.

...