刷新页面后列表内容消失

Question

我正在创建一个简单的购物车，该购物车具有“添加”和“删除”按钮，显示我选择的项目和总费用。以下是我的HTML：

<div style="position: absolute; top: 0px; right: 0px; width: 250px">
<h2>Cart Contents</h2>
<ul id="contents">
</ul>
Total cost: <span id="total">$0.00</span>
</div>

如果我添加项目，则ul将变为：

<ul id="contents">
  <li> item1 x1 </li>
  <li> item2 x3 </li>
</ul>

但是有一个错误，如果我刷新页面，ul中的项目将消失，直到选择了另一个项目，购物车中的内容再次出现。

如何解决此错误？ 谢谢！