0 
$(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 cookieプラグインを使用していますが、ページを更新すると通常の状態に戻ります。フィールドセットを使用してボックスを特定の場所に移動するWebサイトをコーディングしていますが、ページを更新すると、ボックスは更新前に設定した位置ではなく、元の位置に戻ります。

4

1 に答える 1

0

locationさて、次のようなクッキーを作成すると

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

...次のステップは、次のような Cookie に値を割り当てることです。

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

...しかし、代わりに存在しないCookieに値を設定しています

$.cookie('position', 'blue');
于 2012-11-08T05:32:04.483 に答える