jquery-ui：resizable不使用自定义处理程序调整大小

Question

我想使用jquery-ui调整元素大小。虽然这很容易做到，但我想在中间设置一个可拖动的处理程序（checkout this jsfiddle）

<div class="wrap">
    <div class="resizable resizable1"> ... </div>
    <div class="resizable resizable2"> ... </div>
    <div id="p" class="ui-resizable-handle ui-resizable-e"></div>
</div>

JS：

$('.resizable1').resizable({
    handles: {
        'e': '#p'
    },
    ....

问题是现在无法使用自定义处理程序调整resizable的大小。有解决方案可以解决这个问题吗？或者我应该放弃jquery-ui并找到别的东西