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

});