動態切換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主題？

回答

相關問題