Question

我有一个页面，允许您通过单击关闭按钮删除“警报”div。我正在尝试保存警报窗口的状态，以便在刷新页面时，关闭的警报保持关闭状态。警报窗口的div结构如下所示。

 <div class="alertwindow"> 
  <div class="alerts">
      <div class="alert">
        <div class="alert_title"> Title 1</div>
        <div class="alert_desc"> Description here </div>
      </div>
    </div>
  </div>

这是添加关闭按钮的脚本和删除警报的功能。

  //Close alert window button
$(".alert").prepend('<div class="closeAlerts">X</div>');

$('.closeAlerts').on('click', function(){
  $(this).parent().remove();
});

这一切都运行正常，但我无法获取cookie来保存和替换.alertwindow的内容。这是我的cookie代码。

//Check for alert cookie and reset alert state if it is there
$( window ).load(function(e) {
    if ($.cookie("alertState") == ""){
    $.cookie("alertState", $('.alertwindow').html(), 10);
    }
    else {
        $('.alertwindow').html().replaceWith($.cookie("alertState"));
    }
});

//set Alert cookie on page unload
$( window ).unload(function(e) {
    $.cookie("alertState", $('.alertwindow').html(), 10);
});

感谢您的帮助！

Answer 1

应该是：

else {
    $('.alertwindow').html($.cookie("alertState"));
}

如何在查询中使用cookie保存和加载div结构

1 个答案: