jQuery-UI可resize,以编程方式resize

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

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

谢谢!

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

首先,它是一个请求的jQuery UIfunction:
可resize:公开API以编程方式触发resize

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

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

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

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

这将以编程方式向右和向下调整对象的大小50像素。

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

.trigger(“resize”)实际上并不触发resize事件。

如果你明确地绑定到事件,你会看到这个……

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