Question

我有一个样式开关添加到我的网站，我想添加一个cookie，保存用户选择的最后一个样式。我有这个代码，有人可以指导我吗？

感谢阅读！

我有这段代码可以在我的网站上切换样式：

HTML调用主要样式和主要颜色

    <style type="text/css"> @import url("style.css");</style>
    <link href="yellow.css" rel="stylesheet" type="text/css" title="Yellow Theme" />

然后我像往常一样调用脚本

    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript" src="script.js"></script>

每个按钮都有：

    <a class="colorbox colorred" href="?theme=red" title="Red Theme"><img src="red.png" width="x" height="x" /></a>
    <a class="colorbox colorblack" href="?theme=black" title="Black Theme"><img src="black.png" width="x" height="x" /></a>

现在这里是script.js代码：

    google.load("jquery", "1.5.2");
    google.setOnLoadCallback(function()
    {

    // Color changer
    $(".colorblack").click(function(){
        $("link").attr("href", "black.css");
        return false;
    });

    $(".colorred").click(function(){
        $("link").attr("href", "red.css");
        return false;
    });



        });

Answer 1

这样的东西？未测试的：

$(function() {

    if($.cookie("style") !== null) {
        $('link').attr('href', $.cookie("style"));
    }

    $('a').each(function() {
        $(this).click(function(e) {
            e.preventDefault();
            var css = $(this).attr('href');
            css = css.split('=');
            $('link').attr('href', ''+ css[2] +'.css');
            $.cookie("style", ""+ css[2] +".css", { path: '/', expires: 365 });
        });
    });

});

需要jQuery Cookie Plugin。

如何添加cookie以保存用户Jquery选择的样式

1 个答案: