JQuery UI 调整大小时处理事件

Question

我正在实施 jQuery 调整大小事件。当我开始调整大小时，当我按住 mousedown 时，下面的代码将增加 "i"。当调整大小跳转到 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;
    }
});