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