Question

我试图使用jquery ui可调整大小的小部件来获取自定义句柄，但是当我使用handles选项将jquery引用传递给另一个元素时，它会失败。从我从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

我找到了解决方法。

通过将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 bug，与此问题相关： overriding a jquery ui widget string option with an object

Answer 2

这是最近修复过的错误：

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

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

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

2 个答案: