Событие обработки JQuery UI при изменении размера

Question

Я реализую событие jQuery resize. Когда я начну изменять размер, код ниже будет увеличивать «i», пока я держу mousedown. Мне нужно увеличить «i» один раз при изменении размера до 50 пикселей (сетка: 50). Буду признателен за любую помощь.

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; 
    } 
});