动态切换JQuery主题？

Question

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

Answer 1

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

有关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用于相同的版本。