动画宽度调整大小100％

Question

嗨，我有这个动画宽度更改器，它似乎自动调整到100％，当我点击展开此脚本然后单击我的标题徽标。任何想法为什么？

$(".fluid").hide(); 
$(".fixed").click(function() { 
    $("#mainwidth").animate({width: "1024px"}, 800); 
    $(this).hide(); 
    $(".fluid").show(); 
    $.cookie("width","fixed", {expires: 365}); 
    return false; 
}); 
$(".fluid").click(function() { 
    $("#mainwidth").animate({width: "95%"}, 800); 
    $(this).hide(); 
    $(".fixed").show(); 
    $.cookie("width","fluid", {expires: 365}); 
    return false; 
}); 
if($.cookie("width") == "fixed") { 
    $(".fixed").hide(); 
    $(".fluid").show(); 
    $("#mainwidth").css("width","1024px"); 
}; 

text-align: left; 
line-height: 1.4; 
margin: auto auto; 
margin-top: 40px; 
margin-bottom: 50px; 

Answer 1

问题发生在以下块：

<script type="text/javascript"> 
jQuery(function($) { 
    $(".fluid").hide(); 
    $(".fixed").click(function() { 
     $("#mainwidth").animate({width: "1024px"}, 800); 
     $(this).hide(); 
     $(".fluid").show(); 
     $.cookie("width","fixed", {expires: 365}); 
     return false; 
    }); 
    $(".fluid").click(function() { 
     $("#mainwidth").animate({width: "95%"}, 800); 
     $(this).hide(); 
     $(".fixed").show(); 
     $.cookie("width","fluid", {expires: 365}); 
     return false; 
    }); 
    if($.cookie("width") == "fixed") { 
     $(".fixed").hide(); 
     $(".fluid").show(); 
     $("#mainwidth").css("width","1024px"); 
    }; 
}); 
</script> 

让我们看看在最后声明：

if($.cookie("width") == "fixed") { 
    $(".fixed").hide(); 
    $(".fluid").show(); 
    $("#mainwidth").css("width","1024px"); 
}; 

它指示浏览器更改宽度页面加载时。如果width Cookie值为“固定”，则将宽度设置为1024px。但是，如果页面重新加载而Cookie值为“fluid”？
当您单击徽标时，它会重新加载页面。因此，如果cookie值是流畅的，则宽度将不会被设置为相关值。只需添加另一个代码块即可处理cookie值为“fluid”的情况，并且它可以正常工作。

if($.cookie("width") == "fixed") { 
    $(".fixed").hide(); 
    $(".fluid").show(); 
    $("#mainwidth").css("width","1024px"); 
} 
else if($.cookie("width") == "fluid") { 
    $(".fluid").hide(); 
    $(".fixed").show(); 
    $("#mainwidth").css("width","95%"); 
};