jquery ui resizable custom handle error

Question

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/

Community · Accepted Answer · 2017-05-23 12:12:12Z

0

I found a workaround.

By setting the handles option to null, and setting the classes myself, I got my custom handle to work. This required some investigation in the jquery ui code to figure out.

<div class="layer" style="width: 150px;">
<div class="left">left</div>
<div class="center">center</div>
<div class="right ui-resizable-handle ui-resizable-e">right</div>
</div>

$('.layer').resizable({
    handles: null
});

http://jsfiddle.net/MatteS75/3dwVp/7/

However, I do think this is a jquery ui bug, releated to this question: overriding a jquery ui widget string option with an object

edited May 23, 2017 at 12:12

CommunityBot

11 silver badge

answered Oct 23, 2012 at 18:15

MatteS

1,5421 gold badge16 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MatteS · Accepted Answer · 2012-10-25 09:13:28Z

0

This is a bug that has been fixed very recently:

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

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

answered Oct 25, 2012 at 9:13

MatteS

1,5421 gold badge16 silver badges36 bronze badges

Collectives™ on Stack Overflow

jquery ui resizable custom handle error

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related