jQuery并在页面之间保存参数

Question

是否可以记住div的高度？例如，在一个网站上，我展开了包含一些内容的div，然后点击具有不同内容但具有相同div（相同的id和类）的另一个页面。不幸的是，一切都刷新并失去了div的高度。

我在html中得到了帧效果（但你怎么看它不能像我想的那样工作）。怎么样？保持会话中的数据？需要举例......

我正在使用jQuery，Spring MVC，如果有人问

Answer 1

您可以简单地使用HTML5 localStorage机制。

您可以根据需要使用.height()，.innerHeight()或outerHeight()。

  

以下是示例 - jsfiddle.net/xK0nB1n

<强> jquery的

if(localStorage.divheight) //extract the old height
{ 
    // handle the height as you want here
    alert('Old height from local storage: '+ localStorage.divheight);
}

//Code just to show the mechanism of LocalStorage
$(document).ready(function(){    
   $('#result').click (function () {

        //Remember the height
      localStorage.divheight = $("div").height(); 

       //Tell the user the freshly stored height
      alert("New height: "+localStorage.divheight);
    });
});

HTML

<div id="result">
    Some number of lines here....
    Lorem ipsum dolor sit amet, consectetur adipisicing elit
    . Fuga earum id fugit veritatis! Pariatur, magni.
</div>