javascript - 便笺（便利贴） - 更改大小并保存在浏览器内存中

Question

我用 JS 和 jQuery 写的便签有两个问题。

JSFiddle 演示

1. 我正在使用便签写一些数据。但是当我想改变大小时，只有内部字段在改变大小？我究竟做错了什么？

2. 当我不幸刷新页面时，我尝试在浏览器内存中记录。

代码

var arr = [];
$(document).ready(function() {
  function limitTextareaLine(e) {
    if (e.keyCode == 13 && $(this).val().split("\n").length >= $(this).attr('rows')) {
      return false;
    }
  }
  $(function() {
    $('textarea.limited').keydown(limitTextareaLine);
  });
  var x = "<div class='darkYellow'><span class='close ui-icon ui-icon-close' onclick='closeIt($(this));'>x</span>Note<div class='lightYellow'><textarea class='notatka' id='user' maxlength='250' rows='8' cols='25' class='limited'></textarea></div></div>";
  $('#click').click(function() {
    var count = $('.note').length + 1;
    $('.note').removeClass('active');
    $('#one').append('<div class="note ' + count + ' active">' + x + '</div>');
    arr.push(count);
    $(".darkYellow").draggable();
  });
  $('body').click(function(e) {
    var target = $(e.target);
    if (target.parents('.note').length > 0) {
      $('.note').removeClass('active');
      target.parents('.note').addClass('active');
    }
    console.log(arr);
  });
  $(document).keyup(function(e) {
    if (e.keyCode == 27) {
      if ($('.note').length > 0) {
        if ($('.note.active').length > 0) {
          var cls = parseInt($('.note.active').attr('class').split(' ')[1]);
          var index = arr.indexOf(cls);
          console.log('.note.active.' + cls + ' ' + index);
          arr.splice(index, 1);
          $('.note.active').remove();
        } else {
          var cls = Math.max.apply(Math, arr);
          var index = arr.indexOf(cls);
          arr.splice(index, 1);
          console.log('.note.' + cls + ' ' + index);
          $('.note.' + cls).remove();
        }
      }
      console.log(arr)
    }
  });
});

function closeIt(that) {
  var cls = parseInt(that.parent().parent().attr('class').split(' ')[1]);
  var index = arr.indexOf(cls);
  console.log('.note.' + cls + ' ' + index);
  arr.splice(index, 1);
  that.parent().parent().remove();
  localStorage.setItem('var', car);
}