logo标签列表

动态切换 JQuery 主题？

jqueryjquery-uithemesthemeroller
3
如果我下载了多个 JQuery 主题，如何让我的 Web 应用程序用户能够动态地在主题之间切换？
1
你是否正在自定义主题？如果没有，可以使用ThemeSwitcher小部件：http://jqueryui.com/docs/Theming/ThemeSwitcher - Nick Craver
我认为那正是我所需要的，谢谢。 我不能接受你的答案，那是因为它是一条评论而不是一个答案吗？ - Clax
2个回答
2
0
除了主题切换器，您还可以通过删除当前主题的链接来动态更改主题。添加新主题的链接。
这样做的好处是您可以自己更改主题。
请参见下面的示例。
<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 的版本与当前版本相同。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接