Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何添加cookie以保存用户Jquery选择的样式_Jquery_Cookies_Stylesheet_Setcookie_Css - Fatal编程技术网

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

如何添加cookie以保存用户Jquery选择的样式,jquery,cookies,stylesheet,setcookie,css,Jquery,Cookies,Stylesheet,Setcookie,Css,我有一个样式切换添加到我的网站,我想添加一个cookie,保存用户选择的最后一个样式。我有这个密码,有人能指导我吗 谢谢你的阅读 我有以下代码在我的网站上切换样式: HTML调用主样式和主颜色 <style type="text/css"> @import url("style.css");</style> <link href="yellow.css" rel="stylesheet" type="text/css" title="Yellow T

我有一个样式切换添加到我的网站,我想添加一个cookie,保存用户选择的最后一个样式。我有这个密码,有人能指导我吗

谢谢你的阅读

我有以下代码在我的网站上切换样式:

HTML调用主样式和主颜色

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

像这样的?未经测试:

$(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的php,而且工作得非常完美
    <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>
    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;
    });



        });
$(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 });
        });
    });

});