jQueryUI Resizable alsoResize不能传递$（this）.next（）

Question

当使用jQueryUI .resizable()函数时，我试图使DOM中的下一个元素也被调整大小。我可以将jQuery选择器，甚至是带有类或ID的字符串传递给alsoResize方法，但我无法通过$(this).next()来选择DOM中的下一个元素。

我的代码：

$(selector).resizable({ alsoResize:$(this).next() });

你可以在这里运行小提琴，并取消注释第67/68行以查看此工作/不起作用。

http://jsfiddle.net/WpgzZ/706/

Answer 1

这是因为this指的是文档（你可以通过console.log(this)看到这一点）。如果您将其更改为alsoResizeReverse: $("#resizable").next()，它应该适合您。

修改

您可以这样做：

$.each($("#colors li"), function(index, value) {
  $(this).resizable({ alsoResize:$(this).next() })
});

Answer 2

这是因为代码执行时this没有指向“#resizable”元素

$("#resizable").resizable({
    alsoResizeReverse: $("#resizable").next(),
    // alsoResizeReverse: $(".myframe"),
});