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"); });