jquery-ui - 带有内部元素的 jQuery UI 可调整大小的句柄

Question

我试图将一个内部 div 放置到我的可调整大小的句柄上，但它使句柄无用。

<div class="layer" style="width: 150px;">
<div class="left ui-resizable-handle ui-resizable-w">
    <div><<< div</div>
</div>
<div class="right ui-resizable-handle ui-resizable-e">>>></div>
</div>
​
$('.layer').resizable({
    handles: null
});
​

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

我怎样才能使这项工作？

Answer 1

将 jquery ui 可调整大小小部件中的 _mouseCapture 方法更改为此使其工作：

_mouseCapture: function(event) {
    var capture = false;
    for (var i in this.handles) {
        var handle = $(this.handles[i])[0];
        if (handle == event.target || $.contains(handle, event.target)) {
            capture = true;
        }
    }

    return !this.options.disabled && capture;
},

我还为此创建了一张票和拉取请求：

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