在modal close上设置localstorage

时间:2012-12-11 01:29:11

标签: jquery html5 dom modal-dialog local-storage

我正在尝试将localstorage键设置为模态关闭对话框。我找到了几篇很棒的文章,详细介绍了挂钩到closeialog以及设置本地存储密钥的方法。但是,没有一篇文章详细说明我试图排序的确切问题。

我试图完成的是查看浏览器是否支持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);
      }
    }
  }
});​

1 个答案:

答案 0 :(得分:0)

$(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。