0

我在一个页面上有 3 个 div:

header-div
fixed_menu_div
page_cont

这是 div 具有的 CSS:

#header-div {
    top:0;
    left:0;
    display:inline;
    float:left;
}

#page_cont {
    margin-left:200px;
    height:80%;
}

#fixed_menu_div {
    width:200px;
    height:80%;
    float:left;
    left:0;
    overflow-x:none;
    overflow-y:scroll;
    position:fixed;
}

我想在页面上有链接,如果页面在刷新时更改header_divfixed_menu_div它将隐藏它们并保存状态(显示或隐藏),然后使page_contdiv 100% 宽

4

2 回答 2

1

您可以将 div 的状态(显示/隐藏)存储在 cookie 中,并在页面加载/刷新时重新评估 cookie。

这是一个帮助您使用 js 操作 cookie 的链接:w3schools.com/js/js_cookies.asp

于 2013-10-24T18:24:10.433 回答
0

您需要使用 ajax 调用将元素的可见状态存储在数据库中。饼干可以清洗,所以我不建议这样做。然后,您可以使用以下方法来显示和隐藏元素。

$(document).ready(function(){
   $('#page_cont').css('width','100%');
   //retrive the values from database with 1 as visible and 0 as invisible
   setVisibility(1,0,1);
});

function setVisibility(header_div_visibility,page_cont_visibility,fixed_menu_div_visibility){
    (header_div_visibility===1)?$('#header-div').show():$('#header-div').hide();
    (page_cont_visibility===1) ? $('#page_cont').show():$('#page_cont').hide();
    (fixed_menu_div_visibility===1) ? $('#fixed_menu_div').show():$('#fixed_menu_div').hide();
}
于 2013-10-24T18:37:07.600 回答