調整大小時的JQuery UI處理事件

Question

我正在實現jQuery resize事件。當我開始調整大小時，編碼波紋管將增加「我」，而我正在舉行mousedown。當調整大小跳到50px（網格：50）時，我需要增加一次「i」。我會感謝任何幫助。

var i = 0; 
$("#element").resizable({ 
    grid: 50, 
    resize: function(e, ui) { 
     console.log(++i); 
    } 
}); 

Answer 1

我明白了。也許它會幫助別人：

var startWidth, newWidth, i = 0; 
$("#element").resizable({ 
    grid: 50, 
    start: function(e, ui) { 
     startWidth = parseInt(ui.size.width, 10); 
    }, 
    resize: function(e, ui) { 
     newWidth = ui.element[0].offsetWidth; 
     if (newWidth > startWidth) { 
      console.log(++i); 
     } else if (newWidth < startWidth) { 
      console.log(--i); 
     } 
     startWidth = newWidth; 
    } 
});