jQuery可调整大小与Cookie记住最后的位置

Question

我有jQuery UI可调整大小。它很棒。

但现在我想在那个函数中设置cookie，所以如果我刷新页面，它将设置我之前重新调整大小的最后位置。

JS调用函数：

$(document).ready(function()
{
    $("#resizable").resizable();
});

请帮忙解决这个问题。感谢。

Answer 1

您可以使用Jquery Cookie plugn for this

$(document).ready(function(){
if(typeof($.cookie('height')!='undefined'))
   {
       $("#resizable").height($.cookie("height"));
       $("#resizable").width($.cookie("width"));
   }
   $("#resizable" ).resizable({
      stop: function(event, ui) {
          var width = ui.size.width;
          var height = ui.size.height;
          $.cookie("height",height);
          $.cookie("width",width);
    }
  });
 });

Demo