jQuery UI 对话框 resizeStart(event, ui) 事件

概述

jQuery UI 是 jQuery 提供的一款用户界面库，其中包括了对话框（Dialog）组件。resizeStart 事件是 Dialog 组件中的一种拖拽事件，当用户开始调整对话框大小时触发。

语法

$( ".selector" ).dialog({
   resizeStart: function( event, ui ) {}
});

参数

• event: 事件对象，描述了触发该事件的信息。
• ui: 包含当前 Dialog 对象的信息，如 ui.helper 表示 Dialog 对象的 DOM 元素。

使用方法

$( "#dialog" ).dialog({
    resizeStart: function( event, ui ) {
        console.log( "Dialog resize started" );
    }
});

在 DOM 中找到 id 为 dialog 的元素，调用 dialog 方法创建一个对话框。在对象字面量中传入 resizeStart 函数，该函数在用户开始调整 Dialog 大小时被触发，并打印一行信息到控制台。

示例

HTML

<div id="dialog" title="Hello world">
    <p>This is a Dialog.</p>
</div>

JavaScript

$( "#dialog" ).dialog({
    resizeStart: function( event, ui ) {
        console.log( "Dialog resize started" );
    }
});

效果

当用户拖拽对话框边缘进行大小调整时，将在控制台打印出 Dialog resize started。