Question

如果我下载多个JQuery主题，我如何才能让我的Web应用程序的用户能够在主题之间动态切换？

Answer 1

Nick Craver的评论是正确的，themewitcher小部件是理想的：
~~http://jqueryui.com/docs/Theming/ThemeSwitcher~~
新链接：https://github.com/harborhoffer/Super-Theme-Switcher

Answer 2

除了themeswitcher之外，您还可以通过删除指向当前主题的链接来动态更改主题。添加新主题的新链接。这样做的好处是你可以改变你自己的主题。

见下面的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适用于同一版本。

动态切换JQuery主题？

2 个答案: