jQuery 实现带手柄自由调整页面大小的功能
$(function() {
var $resizeHandles = $('<div class="ui-resizable-handle ui-resizable-se ui-corner-sw"></div>');
$('.free-resize').append($resizeHandles).resizable({
handles: {
'se': '.ui-resizable-handle'
},
minWidth: 50,
minHeight: 50
});
});这段代码使用jQuery UI的resizable方法来实现一个可以调整大小的元素。首先，我们创建了一个手柄的div，并将其添加到.free-resize元素中。然后，我们调用.resizable()方法，并指定handles选项，这样用户就可以使用这个手柄来调整元素的大小了。minWidth和minHeight选项确保元素不会缩小到小于指定的尺寸。
评论已关闭