與內部元素的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

改變_mouseCapture方法在jQuery UI的可調整大小的小工具，這使得它的工作：

_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