JQuery UI Resizable resize( event, ui )用法及代码示例

用法:

resize( event, ui )

类型：resize

• event
  类型：Event
• ui
  类型：Object
  • element
    类型：jQuery
    表示要调整大小的元素的 jQuery 对象
  • helper
    类型：jQuery
    表示正在调整大小的助手的 jQuery 对象
  • originalElement
    类型：jQuery
    代表原始元素的 jQuery 对象在被包装之前
  • originalPosition
    类型：Object
    在调整大小之前表示为 { left, top } 的位置
  • originalSize
    类型：Object
    在调整大小之前表示为 { width, height } 的大小
  • position
    类型：Object
    当前位置表示为 { left, top } 。可以更改这些值以修改元素的放置位置。对于自定义调整大小逻辑很有用。
  • size
    类型：Object
    当前大小表示为 { width, height } 。可以更改这些值以修改元素的放置位置。对于自定义调整大小逻辑很有用。

$( ".selector" ).resizable({
  resize: function( event, ui ) {}
});

$( ".selector" ).on( "resize", function( event, ui ) {} );

$( ".selector" ).resizable({
  resize: function( event, ui ) {
    ui.size.height = Math.round( ui.size.height / 30 ) * 30;
  }
});