jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI Resizable handles 选项用于处理用于调整大小的边缘。
它支持两种类型的值:
- 字符串:它保存字符串值,即 n, e, s, w, ne, se, sw, nw, all。
- 对象:它以对象形式保存键,即 { n, e, s, w, ne, se, sw, nw }。
句法:
$(".selector").resizable({
handles: "n, e, s, w"
});
CDN 链接:首先,添加项目所需的 jQuery UI 脚本。
例子:
HTML
GeeksforGeeks
jQuery UI Resizable handles Option
Div content
输出:
参考: https : //api.jqueryui.com/resizable/#option-handles