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值“流畅”会发生什么？
当您单击徽标时，它会重新加载页面。因此，如果cookie值是流动的，则宽度将不会设置为相关值。只需添加另一段代码来处理cookie值“流畅”的情况，它就能正常工作。

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%");
};

动画宽度调整大小100％

1 个答案: