3

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

4

2 回答 2

2

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

于 2010-08-13T10:22:03.840 回答
0

除了主题切换器之外，您还可以通过删除当前主题的链接来动态更改主题。添加具有新主题的新链接。这样做的好处是您也可以更改自己的主题。

请参阅下面的 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 适用于相同版本。

于 2016-07-03T08:28:52.537 回答