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

Question

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

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

谢谢！

Answer 1

这个问题很有意思。我的需要要求我调整许多＆＃34;还有Resize＆＃34;对象以及调整原始对象的大小。

首先，它是一个请求的jQuery UI功能：
Resizable: Expose an API for programatically triggering a resize

但是，在实施之前，我已经找到了一个相当不错的快速解决方案，而不是自己创建这个功能。解决方案来自这里：
Programmatically Resize a resizable element

该解决方案使用一些模拟鼠标拖动的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（＆＃34; resize＆＃34;）并没有实际触发resize事件。

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

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

});