jquery - mootools 或 jquery 中的颜色切换器

标签 jquery mootools

这是我用来切换颜色的简单 javascript 函数,它工作正常,但就我需要在我的网站中启用 jquery 或 mootools 而言,最好将此函数现代化

function changeThemeColor(color)
{
    switch(color)
    {
        case "style1":
        default:
            document.getElementById('CSSfile').href = 'css/style1.css';
            setCookie('ThemeColor','style1',7);
            break;
        case "style2":
            document.getElementById('CSSfile').href = 'css/style2.css';
            setCookie('ThemeColor','style6',7);
            break;
    }
}

我知道这可能是一个巨大的任务,但我确实需要将此代码转换为 jquery 或 mootools

最佳答案

如果您的代码有效,为什么要放慢速度将其转换为库代码,而库代码只会将其转换回您拥有的代码?

如果这实际上是您的代码的样子,您可以消除一些冗余:

function changeThemeColor(color) {
    document.getElementById('CSSfile').href = 'css/' + color + '.css';
    switch(color) {
        case "style1":
        default:
            setCookie('ThemeColor','style1',7);
            break;
        case "style2":
            setCookie('ThemeColor','style6',7);
            break;
    }
}

style2 正在将 'style6' 发送到 setCookie()。如果这是一个错误,并且应该发送 'style2',您可以进一步减少它。

function changeThemeColor(color) {
    document.getElementById('CSSfile').href = 'css/' + color + '.css';
    setCookie('ThemeColor', color, 7);
}

关于jquery - mootools 或 jquery 中的颜色切换器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4125135/

相关文章:

javascript - Bootstrap Navbar(贴)动态宽度

javascript - 错误: The key is invalid JQuery syntax because it is missing a closing bracket

jquery - 径向条动画进入视口(viewport)

单击时的 Javascript 不适用于 setInterval

css - MooTools 1.1,如何获取类的 ID 并应用样式

ajax - 如何使用 jQuery 实现 ajax 请求队列

javascript - mootools |切换器事件

javascript - mootools 的负边距

javascript - 每当 div 在 mootools 中增加或减少时如何调用函数

javascript效果不正确