jquery-EasyUI---resizable调整大小

1、完全使用html标签创建resizable

<div id="rr" class="easyui-resizable" data-options="maxWidth:800,maxHeight:600" style="width:200px;height:200px;border:1px solid #ccc;">
    <ul>
        <li class="item">列表。。。。</li>
        <li class="item">列表。。。。</li>
        <li class="item">列表。。。。</li>
        <li class="item">列表。。。。</li>
    </ul>
</div>

2、先规定结构，用js调用resizable方法

html结构

<div id="rr"  style="width:200px;height:200px;border:1px solid #ccc;">
    <ul>
        <li class="item">列表。。。。</li>
        <li class="item">列表。。。。</li>
        <li class="item">列表。。。。</li>
        <li class="item">列表。。。。</li>
    </ul>
</div> 

js

$('#rr').resizable({ 
    maxWidth:800, 
    maxHeight:600 
});

可以规定调整的最大宽度和高度，调整的方向以及改变大小触发事件