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 resizable小部件中的_mouseCapture方法更改为this使其工作：

_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

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

1 个答案: