jQuery-UIのサイズ変更、プログラムによるサイズ変更

Question

jqueryでdivのサイズを変更し、alsoResizeトリガーを取得しようとしています： 幅を変更してからサイズ変更イベントをトリガーしようとしました。

フィドル：http://jsfiddle.net/Ns3yn/2/

ありがとう！

Answer 1

リサイズ可能なプラグインは、resizeイベントを使用して変更をトリガーするとは言いません。必要なのは、ウィンドウセレクタの後に.add（ 'img'）を追加して、期待される結果を得ることだけです。

Answer 2

.trigger（ "resize"）は実際にresizeイベントをトリガしません。

あなたがイベントに明示的にバインドする場合は、これを参照してくださいよ...

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

}); 

Answer 3

この問題は、興味深いものです。私の必要性は、多くの "alsoResize"オブジェクトのサイズを変更し、元のオブジェクトのサイズを変更する必要がありました。 1については

は、それが要求されたjQueryのUIの機能である：それは、この機能を自分で作成する代わりに、実装されるまで、
Resizable: Expose an API for programatically triggering a resize

しかし、私はかなりまともな迅速な解決策を発見しました。ソリューションは、ここから来ている：
Programmatically Resize a resizable element

ソリューションは、マウスドラッグをシミュレートするいくつかのjqueryのユニット・テスト・ライブラリを使用しています。あなたはここに必要なライブラリを見つけることができます。

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

これはプログラム的に50で、あなたのオブジェクトのサイズを変更します：
jquery.simulate.js
resizable_test_helpers.js

だから、あなたは、このようなコードを実行することができます上記のこれら2つのファイルを含めます右と下のピクセル。