动态切换JQuery主题？

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

2010-06-10 Clax

你是否在自定义主题？如果不是themeswitcher小部件可用：http://jqueryui.com/docs/Theming/ThemeSwitcher – 2010-06-10 11:46:53

我认为这正是我需要的，谢谢。我不能接受你的答案，是因为这是一个评论，而不是答案？ – Clax 2010-06-25 12:17:56

尼克Craver的意见是正确的，themeswitcher部件是理想的：
~~http://jqueryui.com/docs/Theming/ThemeSwitcher~~
新链接：https://github.com/harborhoffer/Super-Theme-Switcher

来源

2010-08-13 10:22:03 Clax

新链接：http://docs.jquery.com/UI/Theming/ThemeSwitcher – Joseph 2012-11-29 15:09:54

除了themeswitcher，你可以通过删除链接到当前动态地更改主题主题。添加新主题的新链接。这享有您可以改变自己的主题的优势。

请参阅以下的拟设

<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-03 08:28:52

动态切换JQuery主题？

回答

相关问题