与内部元素的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