昨天有群友發(fā)問(wèn),easyui換皮膚自己實(shí)現了,但是下次打開(kāi)瀏覽器的時(shí)候,上次選中的皮膚又變回默認皮膚了,怎樣讓瀏覽器記住自己所選的皮膚。這里我給出我的解決方案。
注:引入JS的順序jquery>cookie>easyuicss>changeEasyUITheme.js
首先將easyui的樣式文件加入一個(gè)ID,這里命名為easyuiTheme,然后在樣式文件下面加入一個(gè)JS文件
1 | <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/jquery-1.7.1.min.js"></script> |
3 | <script type="text/javascript" charset="UTF-8" src="jslib/jquery.cookie.js"></script> |
5 | <link id="easyuiTheme" rel="stylesheet" type="text/css" href="jslib/jquery-easyui-1.2.5/themes/gray/easyui.css"> |
6 | <script type="text/javascript" charset="UTF-8" src="jslib/changeEasyuiTheme.js"></script> |
7 | <link rel="stylesheet" type="text/css" href="jslib/jquery-easyui-1.2.5/themes/icon.css"> |
8 | <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/jquery.easyui.min.js"></script> |
9 | <script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/locale/easyui-lang-zh_CN.js"></script> |
changeEasyuiTheme.js文件的內容是
01 | function changeThemeFun(themeName) { |
02 | var $easyuiTheme = $('#easyuiTheme'); |
03 | var url = $easyuiTheme.attr('href'); |
04 | var href = url.substring(0, url.indexOf('themes')) + 'themes/' + themeName + '/easyui.css'; |
05 | $easyuiTheme.attr('href', href); |
07 | var $iframe = $('iframe'); |
08 | if ($iframe.length > 0) { |
09 | for ( var i = 0; i < $iframe.length; i++) { |
11 | $(ifr).contents().find('#easyuiTheme').attr('href', href); |
15 | $.cookie('easyuiThemeName', themeName, { |
19 | if ($.cookie('easyuiThemeName')) { |
20 | changeThemeFun($.cookie('easyuiThemeName')); |
jquery.cookie.js的內容是
01 | jQuery.cookie = function (key, value, options) { |
04 | if (arguments.length > 1 && (value === null || typeof value !== "object")) { |
05 | options = jQuery.extend({}, options); |
11 | if (typeof options.expires === 'number') { |
12 | var days = options.expires, t = options.expires = new Date(); |
13 | t.setDate(t.getDate() + days); |
16 | return (document.cookie = [ |
17 | encodeURIComponent(key), '=', |
18 | options.raw ? String(value) : encodeURIComponent(String(value)), |
19 | options.expires ? '; expires=' + options.expires.toUTCString() : '', |
20 | options.path ? '; path=' + options.path : '', |
21 | options.domain ? '; domain=' + options.domain : '', |
22 | options.secure ? '; secure' : '' |
27 | options = value || {}; |
28 | var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; |
29 | return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; |
使用的時(shí)候
1 | changeThemeFun('default'); |
本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請
點(diǎn)擊舉報。