调整大小时JQuery UI处理事件

Question

我正在实现jQuery resize事件。当我开始调整大小时，代码将会增加＆＃34; i＆＃34;我抱着mousedown。我需要增加＆＃34;我＆＃34;一旦调整大小跳到50px（网格：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;
    }
});