javascript - jQueryUI Resizable alsoResize 不能传$(this).next()

Question

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

我的代码:

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

您可以在此处运行 fiddle ，并取消对第 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() })
});