Jquery 无法让cookies正常工作

我正在使用jquery cookie插件，但当我刷新页面时，它会恢复正常。我正在编写一个网站，其中我使用字段集将一个框移动到某个位置，但当我刷新页面时，框会移回其原始位置，而不是刷新之前我设置的位置。

好吧，如果您创建cookie

位置

$(document).ready(function(){

   var lastsettings = $.cookie('location');

    if(lastsettings == "blue"){
    $('fieldset').css('background-color', 'blue');
    $('fieldset').css('margin-top', '0px');
        $('fieldset').css('margin-left', '0px');
   }
    else if(lastsettings == "red"){
        $('fieldset').css('background-color', 'red');
        $('fieldset').css('margin-top', '0px');
        $('fieldset').css('margin-right', '0px');
    }
    else if(lastsettings == "yellow"){
        $('fieldset').css('background-color', 'yellow');
        $('fieldset').css('margin-top', '240px');
        $('fieldset').css('margin-left', '0px');
    }
    else if(lastsettings == "green"){
        $('fieldset').css('background-color', 'green');
        $('fieldset').css('margin-top', '240px');
        $('fieldset').css('margin-right', '0px');
    }

$('select').change(function(){
    $('select option:selected').each(function(){
        position = this.text;

        $('fieldset').css('margin', 'auto');

        if(position == "Top Left"){
            $('fieldset').css('background-color', 'blue');
            $('fieldset').css('margin-top', '0px');
            $('fieldset').css('margin-left', '0px');
            $.cookie('position', 'blue');
        }
        else if(position == "Top Right"){
            $('fieldset').css('background-color', 'red');
            $('fieldset').css('margin-top', '0px');
            $('fieldset').css('margin-right', '0px');
            $.cookie('position', 'red');
        }
        else if(position == "Bottom Left"){
            $('fieldset').css('background-color', 'yellow');
            $('fieldset').css('margin-top', '240px');
            $('fieldset').css('margin-left', '0px');
            $.cookie('position', 'yellow');
        }
        else if(position == "Bottom Right"){
            $('fieldset').css('background-color', 'green');
            $('fieldset').css('margin-top', '240px');
            $('fieldset').css('margin-right', '0px');
            $.cookie('position', 'green');
        }
        else{
            $('fieldset').css('background-color', 'white');
            $('fieldset').css('margin', 'auto');
            $('fieldset').css('margin-top', '100px');
        }

    });

});

        $("#invisibility").toggle(function(){
        $('fieldset').css('visibility', 'hidden');
    }, function(){
        $('fieldset').css('visibility', 'visible');
    });

});

。。。然后，下一步是为类似cookie的对象分配一个值

 var lastsettings = $.cookie('location');

。。。但是您将该值设置为不存在的cookie

$.cookie('location', 'blue');

location
和
position
是同义词，但是jQuery cookie插件不知道这一点；）所以我应该改变我的每个位置吗？好的，谢谢，我现在唯一的问题是当我让它回到中间并重新加载时，它会让我们假设我的盒子在右上角，而不是在我重置它时回到中间，它会转到右上角。否则，如果我将其重新加载到右上角，它将保持在右上角，只有中间才是问题所在。我刚刚意识到，您还使用了与cookie冲突的var
位置
，因此我担心您必须将所有cookie反转到
位置
。。。道歉。
$.cookie('position', 'blue');