jquery-ui - jQuery UI Draggable() 和 resizing()

Question

我想以这样的方式编写draggable()和ressized()代码，使得具有特定类的所有 future 元素都将继承这些插件而无需再次调用它们。

$('div.resizeMe').resizable({<br/>
containment: 'parent',<br/>
minWidth: 400,<br/>
minHeight: 200<br/>
})

当上面的代码执行时，所有带有resizeMe类的div都会继承ressized()函数。但是，如果我在 BODY 上附加一个具有相同类的新 div，我需要再次执行该代码。所以我的目标是如何重写该代码，使其适用于所有元素，包括 future 的元素。

Answer 1

您可以使用.livequery() plugin在这里，它将在当前匹配上执行，并在新元素出现时执行，如下所示:

$('div.resizeMe').livequery(function() {
  $(this).resizable({
    containment: 'parent',
    minWidth: 400,
    minHeight: 200
  });
});

这将在当前和 future div.resizeMe 元素上运行。

如果您使用 $.ajax() 加载内容，替代方法是在 ajax success 或 complete 中运行代码回调，如下所示:

$.ajax({
  //options...
  success: function(data) {
    $('div.resizeMe', data).resizable({...options...});
  }
});

这只会在响应中的 div.resizeMe 元素上运行，而不会在您已调整大小的元素上运行。