javascript - jQueryUI Resizable AlsoResize 不能通过 $(this).next()

Question

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

我的代码：

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

您可以在此处运行小提琴，并取消注释第 67/68 行以查看此工作/不工作。

score 2 · Accepted Answer

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

编辑

你可以这样做：

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

score 0 · Accepted Answer

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

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

2 回答 2