取消JQueryUI可调整大小事件

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

就触发鼠标松开事件：

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