02.关于easyui通过combox实现主题切换功能

js部分

/**
 * 更换EasyUI主题的方法
 * @param themeName
 * 主题名称
 */
function fun(){
    themeName = $(this).val();
    var $easyuiTheme = $('#theme');
    var url = $easyuiTheme.attr('href');
    //console.log(url);
    //替换掉thems后面的为0的一个主题
    var href = url.substring(0, url.indexOf('themes')) + 'themes/' + themeName + '/easyui.css';
    $easyuiTheme.attr('href', href);

    var $iframe = $('iframe');
    if ($iframe.length > 0) {
        for ( var i = 0; i < $iframe.length; i++) {
            var ifr = $iframe[i];
            $(ifr).contents().find('#theme').attr('href', href);
        }
    }
    $.cookie('easyuiThemeName', themeName, {
        expires : 7
    });
}

html

主題更換:

你可能感兴趣的:(javascript,前端,jquery)