Javascript jQueryUI可调整大小的alsoResize can'；无法传递$（this）.next（）

当使用jQueryUI

.resizeable（）

函数时，我试图使DOM中的下一个元素也调整大小。我可以将jQuery选择器，甚至带有类或ID的字符串传递给

alsoResize

方法，但我不能传递

$（this）.next（）

来选择DOM中的下一个元素

我的代码：

$（选择器）.可调整大小（{alsoResize:$（this）.next（）}）

您可以在这里运行fiddle，并取消对第67/68行的注释，以查看此工作/不工作

这是因为
此
引用的是文档（您可以通过执行
console.log（this）
来查看）。如果您将其更改为
alsoResizeReverse:$（“#可调整大小”）.next（）
它应该适合您

编辑

您可以这样做：

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

这是因为在执行代码时，此

未指向“#resizeable”元素

---

很抱歉，这与JSFIDLE中我的应用程序的上下文有点不符——在我的实际应用程序中有许多

元素，而不仅仅是下一个元素。因此，无法对特定ID调用

.next（）

。我之所以调用

$（this）.next（）

，是因为我试图将

$（this）

引用为调用

.resizeable（）

的元素。当调用元素

.resizeable（）

时，我是否错误地引用了

$（this）

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