4 ，调整大小 ：

1 ，大小可变 ：

//  大小可变
$("#box").resizable({
    //  方向 ： 左，右，左右
    handles:"s,e,se",
    //  最大最小宽高
    minWidth:50,
    minHeight:50,
    maxWidth:500,
    maxHeight:500,
})

<div id="box" style="height: 100px;width: 100px;background-color: orange;border: 2px solid red"></div>

2 ，拖拉的接触面 ：edge:20

1. 作用 ： 边缘可以有更多的可以拖动的范围
2. 代码 ：

$("#box").resizable({
    // 方向 ： 左，右，左右
    handles:"s,e,se",
    //  最大最小宽高
    minWidth:50,
    minHeight:50,
    maxWidth:500,
    maxHeight:500,
    edge:20
})

3 ，拖拉后调用方法 ： onStopResize

$("#box").resizable({
    //  方向 ： 左，右，左右
    handles:"s,e,se",
    //  最大最小宽高
    minWidth:50,
    minHeight:50,
    maxWidth:500,
    maxHeight:500,
    edge:20,
    onStopResize : function(e){
        alert("拖动结束...")
    }
})