Jquery Cookies 适用于不同的选项卡，而不适用于不同的浏览器会话

Question

我使用 jcookie 来存储某些信息（用户购物车），其想法是当用户将来在其他时间访问网站时重新显示购物车的内容。

因此，如果用户将商品添加到购物车，并且 i) 关闭浏览器并在一段时间后打开新的浏览器窗口，或者 ii) 打开新选项卡：在这两种情况下都应该看到添加到购物车的商品，

我正在使用 jcookie.js 库。 我用来创建 cookie 并向其添加购物车内容的代码是：

$.cookie('rented_car', $(rentContainer).html());
$.cookie('rented_car_timings', $(divRentalSumm).html());

另外，当页面加载时，我在我的 index.html 中，

 <script type="text/javascript">
    window.onload=checkCookies; 
</script>

其中 checkcookies() 定义如下：

function checkCookies(){
    var rented_car_timings_cookie = $.cookie("rented_car_timings");
    var $rentTimingsContainer = $('<div class="module">' + rented_car_timings_cookie + '</div>');

    var rented_car_cookie = $.cookie("rented_car");
    var $rentContainer = $('<div class="module">' + rented_car_cookie + '</div>');

    if(rented_car_timings_cookie && rented_car_cookie){
        $('#rentit').html('');
        $('#rentit').append($rentTimingsContainer);
        $('#rentit').append($rentContainer);
    }    
}

现在我看到的问题是 cookie 工作，如果我刷新同一页面或在同一浏览器窗口中打开一个新选项卡：我能够看到添加到购物车的内容。 但是，如果我打开一个新窗口，那么我看不到相同的内容。谁能指出我的逻辑问题吗？

Answer 1

$.cookie('rented_car', $(rentContainer).html(),{ expires: 20});

其工作方式是明确设置过期时间，默认过期时间是浏览器会话关闭时。