jquery - 在模式关闭时设置本地存储

Question

我在尝试将本地存储键设置绑定到模态关闭对话框时遇到了麻烦。我发现了几篇很棒的文章，详细介绍了挂钩到封闭对话框以及设置本地存储密钥的方法。但是，没有一篇文章详细说明了我试图分类的确切问题。

我试图完成的是首先检查浏览器是否支持localstorage，如果是，则检查是否已经存在localstorage键，如果存在键，则从DOM中删除模态对象，否则，设置localstorage键用户单击模态关闭对话框。

到目前为止，这是我想出的：

$(document).ready(function() {
  if('localStorage' in window) && window['localStorage'] !== null){
    var key = 'test';
    if(localStorage.getItem(key) !== null){
      $('#mainform').remove('');
    }
    else {
      if $('#mainform).bind('dialogclose', function(event, ui) {
        $('#mainform').localStorage.setItem(key, on);
      }
    }
  }
});​

Answer 1

$(function() {
    $('#mainform').on('dialogclose', function(event, ui) {
        if ('localStorage' in window) {
            if ( localStorage.getItem('test') ){
                $(this).remove();
            } else {
                localStorage.setItem('test', true);
            }
        }
    });
});​

MDN有一个用于 localStorage 的 polyfill，因此它会自动回退到 cookie。