子项内的jQuery可调整大小的句柄答案

【问题标题】：jQuery resizable handle inside child子项内的jQuery可调整大小的句柄
【发布时间】：2015-06-04 10:42:00
【问题描述】：

我收到此错误：

未捕获的类型错误：无法读取未定义的属性“ownerDocument”

当我尝试将可调整大小的句柄放置在我尝试调整大小的容器的子项中时。

如您所见，它当前位于 controls div 中，但句柄旨在调整 .ui-widget 容器的大小，但它却引发了上述错误。

如果我将手柄移到 controls div 之外，它可以正常工作。

为什么会这样？有解决办法吗？

当前的 jQuery 代码：

$("div.ui-widget").resizable({
    handles: {
        'se': 'div.ui-resizable-se'
    },
    start: function(e, ui) {
        $(ui.helper).addClass("dragging");
    },
    stop: function(e, ui) {
        $(ui.helper).removeClass("dragging");
        oldWidget.saveState($(ui.helper), 'resize');
    }
});

【问题讨论】：

在您的控制台中，错误来自哪个文件？哪一行？
jquery.js:2 我没有接触过（它的主要 jquery 文件）

标签： javascript jquery html

【解决方案1】：

自己找到了解决方案。

似乎是 JqueryUI 版本造成的！我使用的是 1.11.x，在恢复到 1.10.4 后问题就消失了，并且可以正常运行！

非常感谢任何理由。

【讨论】：

我没有理由，但我有解决办法。我替换：handles: { se: '.resize-handle' } 与 handles: { se: $elem.find('.resize-handle') } 给它一个 JQuery 对象而不是一个选择器，它在 1.11 中工作。