當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文

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

將事件偵聽器綁定到 resize 事件：

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

將高度調整大小限製為 30 像素增量：

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

相關用法


注：本文由純淨天空篩選整理自jqueryui.com大神的英文原創作品 Resizable resize( event, ui )。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。