jQuery UI：可調整大小：捕獲調整大小事件

Question

我有一個可調整大小的div，現在我想在調整此框大小時/當用戶完成調整大小時編輯cookie。 （我有cookie插件）

我怎樣才能做到這一點？

PS：我有多個.div具有不同的ID。

<div class="div" id="div1"></div>
<div class="div" id="div2"></div>

我的代碼不起作用（它不保存cookie）

$( ".div" ).resizable({
    handles: \'s\',
    onResize: function(size) {
        $.cookie("div_height", this.height);
    }
});

Answer 1

使用此代碼

$( ".div" ).resizable({
   handles: \'s\',
   stop: function(e,ui) {
      $.cookie("div_height", ui.size.height);
   }
});

Answer 2

這是一個工作的js小提琴，用於捕獲resize事件，還有另一個示例，但它非常適合您： http : //jsfiddle.net/byrgv6j4/1/

$('.resizable').resizable({
    aspectRatio: true,
    handles: 'ne, se, sw, nw',
    resize: function(e, ui) {
      //console.log(e);  
      //console.log(ui);
      console.log(ui.size.height);
    }
});

如果要獲取元素當前狀態的高度，則必須獲取ui.size.height 。