Browser Jquery Cookies可以跨不同的选项卡工作，而不是跨不同的浏览器会话

我使用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>

window.onload=checkCookies；

其中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);
    }    
}

函数checkCookies（）{
var租车时间=美元.cookie（“租车时间”）；
变量$RentTimesContainer=$（''+租车时间\ cookie+''）；
var Rendered_car_cookie=$.cookie（“Rendered_car”）；
变量$rentContainer=$（''+租车\ cookie+''）；
if（租车时间和租车时间）{
$（'#rentit'）.html（''）；
$（“#rentit”）.append（$renttimingscocontainer）；
$（'#rentit'）。追加（$rentcainer）；
}    
}

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

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

由于这会显式设置过期时间，默认过期时间为浏览器会话关闭时