jquery - jquery ui 可调整大小的自定义句柄错误

Question

我试图让自定义句柄与 jquery ui 可调整大小的小部件一起使用，但是当我使用句柄选项将 jquery 引用传递给另一个元素时，它失败了。从我从文档和网络上的其他示例中阅读的内容来看，这应该可以正常工作。

<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

这是最近修复的一个错误：

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

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

Answer 2

我找到了解决方法。

通过将handles 选项设置为null，并自己设置类，我的自定义句柄就可以工作了。这需要对 jquery ui 代码进行一些调查才能弄清楚。

<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 错误，与这个问题有关： overriding a jquery ui widget string option with an object