Question

我有一个简单的resizable jQueryUI元素。

element.resizable({
    start: function(event, ui) {...},
    resize: function(event, ui) {
        if(!shouldMove()) {
            return false;
        }
    }
});

我认为return false应取消任何jQuery操作，但无论shouldMove()的响应如何，它都会调整大小。是否有不同的方法来取消jQuery可调整大小的操作？我也试过event.preventDefault();

由于

Answer 1

只需触发mouseup事件：

element.resizable({
    start: function(event, ui) {...},
    resize: function(event, ui) {
        if(!shouldMove()) {
            $(this).mouseup();
        }
    }
});

Answer 2

将每个调整大小事件的原始大小设置为元素：

element.resizable({
    start: function(event, ui) {...},
    resize: function(event, ui) {
        if(!shouldMove()) {
            ui.element.width(ui.originalSize.width);
            ui.element.height(ui.originalSize.height);
        }
    }
});

取消JQueryUI可调整大小的调整大小事件

2 个答案: