Javascript jQuery UI可调整大小，可编程调整大小

我正在尝试使用jquery调整div的大小，并使用alsoResize触发器： 我尝试更改宽度，然后触发调整大小事件，但它不起作用

小提琴：

---

谢谢

因为没有地方说可调整大小的插件使用调整大小事件触发更改。您只需在窗口选择器之后添加。添加（'img'）即可获得预期结果。

。触发器（“调整大小”）实际上不会触发调整大小事件

如果显式绑定到事件，您将看到以下内容

$(".window").bind("resize", function(){
   alert("resize event");

});

---

这个问题很有趣。我需要调整许多“alsoResize”对象的大小，同时调整原始对象的大小

首先，它是请求的jQuery UI功能：

但是，在实现之前，我已经找到了一个相当不错的快速解决方案，而不是自己创建这个特性。解决方案来自这里：

该解决方案使用了一些模拟鼠标拖动的jquery单元测试库。您可以在此处找到必要的库：

因此，请包含上述两个文件，然后您可以运行如下代码：

var handle = ".ui-resizable-se";
TestHelpers.resizable.drag(handle, 50, 50);

---

这将通过编程方式将对象左右调整50像素。

什么不起作用？看起来很对。图片没有调整大小（更新fiddle以使其更清晰），您已正确声明可调整大小，正如您使用鼠标调整大小时所看到的。您试图以编程方式触发它的方式不起作用。@BZink为什么

width（）

函数不触发调整大小事件？我本以为它应该在没有

触发器（'resize'）

的情况下工作呢？找到我的答案->resize不适用于DIVs-适用于窗口/框架。。。这就是为什么它不起作用的原因这不是重点，重点是分离调整所有子元素大小的代码和调整整个元素大小的代码，你不正确：更具体地说，正如我在文档中所读到的：如果手动触发，div仍然可以接收事件。我认为这实际上是单元测试可调整大小事件的最佳解决方案。