jquery - jqueryuiのサイズ変更可能なカスタムハンドルエラー

Question

カスタムハンドルをjqueryuiサイズ変更可能なウィジェットで動作させようとしていますが、handlesオプションを使用してjquery参照を別の要素に渡すと、失敗します。IvがWeb上のドキュメントやその他の例から読んだことから、これは問題なく機能するはずです。

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

これがフィドルです：http：//jsfiddle.net/MatteS75/3dwVp/

Answer 1

回避策を見つけました。

ハンドルオプションをnullに設定し、クラスを自分で設定することで、カスタムハンドルを機能させることができました。これを理解するには、jqueryuiコードを調査する必要がありました。

<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/

ただし、これはjquery uiのバグであり、この質問に関連していると思います。jqueryui ウィジェットの文字列オプションをオブジェクトでオーバーライドする

Answer 2

これはごく最近修正されたバグです。

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

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