jQuery-UI可调整大小，以编程方式调整大小

Question

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

小提琴： http ： //jsfiddle.net/Ns3yn/2/

谢谢！

Answer 1

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

首先，它是一个请求的jQuery UI功能：
可调整大小：公开API以编程方式触发调整大小

但是，在实施之前，我已经找到了一个相当不错的快速解决方案，而不是自己创建这个功能。 解决方案来自这里：
以编程方式调整可调整大小的元素

该解决方案使用一些模拟鼠标拖动的jquery单元测试库。 你可以在这里找到必要的库：
jquery.simulate.js
resizable_test_helpers.js

所以包括上面的那两个文件，然后你可以运行这样的代码：

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

这将以编程方式将对象调整大小为50像素。

Answer 2

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

Answer 3

.trigger（“resize”）实际上并不触发resize事件。

如果你明确地绑定到事件，你会看到这个......

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

});