쿠키를 작동시키는 데 문제가 있습니다.

Question

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

}); 

jquery 쿠키 플러그인을 사용하고 있지만 페이지를 새로 고침하면 정상으로 돌아갑니다. 나는 fieldset을 사용하여 상자를 특정 위치로 이동시키는 웹 사이트를 코딩하고 있지만, 내 페이지를 새로 고침 할 때 상자가 원래 위치로 이동하는 대신 새로 고침 전에 위치를 설정합니다. 당신이

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

같은 쿠키 location을 만들 경우

Answer 1

아니라 ... 다음, 다음 단계는

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

처럼 같은 쿠키 값을 할당하는 것입니다 ...하지만 당신은 값을 존재하지 않는 쿠키로 설정하십시오.

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