Strange Cache问题Jquery

Question

我通过JQuery将css应用于几个div，并且我对div宽度进行了一些动画和修改。如果我第一次加载页面或使用 Shift + F5 刷新页面，但是如果我输入网址或仅使用 F5 重新加载页面，则一切正常看起来很奇怪。

预期输出（如果我按SHIFT + F5，我就知道了）

我获得的输出

div的宽度被拉伸到浏览器窗口的宽度。 我不想用javascript清除缓存，因为我希望脚本更快。

我使用2个函数来存储css和恢复元素的css

function store_elemprop(selector)
{
var elemwidth;
selector.each(function() {
    elemwidth=$(this).width()+20;
    console.log("STORED WIDTH:"+elemwidth);
    $(this).attr("data-elemwidth",elemwidth);
    $(this).css("width",elemwidth)
});     
}



function restore_elemprop(selector) 
{
var ewidth;
  selector.each(function() {
    ewidth=$(this).attr("data-elemwidth");
    console.log("RESTORED WIDTH:"+ewidth);
    $(this).animate({width: ewidth}, 500);  
  });
}

编辑：

现在我变得疯狂了因为如果我打开一个新标签并放入网址，它可以正常工作但是如果我在同一个标​​签中使用 F5 重新加载，它会显示意外输出。

我在INTERNET EXPLORER中使用我的页面进行了尝试，并且没有任何问题但是没有Google Chrome的情况