Search code examples
jqueryjquery-uijquery-ui-resizable

jquery ui resizable custom handle error

Im trying to get a custom handle work with jquery ui resizable widget, but when I use the handles option to pass in a jquery reference to another element, it fails. From what Iv read from the documentation and other examples on the web, this should work just fine.

<div class="layer">
<div class="left">left</div>
<div class="center">center</div>
<div class="right">right</div>
</div>
​
$('.layer').resizable({
    handles: {
        'e': $('.right')
    }
});
​

Here's a fiddle: http://jsfiddle.net/MatteS75/3dwVp/

Solution

  • This is a bug that has been fixed very recently:

    http://bugs.jqueryui.com/ticket/8713

    https://github.com/jquery/jquery-ui/commit/9b908878ae3a9c0fbbd9958b579f223a648c5c69