调整大小时的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; 
    } 
});