まず、デモが大きすぎるため、jsFiddleにデモを入れることができません。
デモ設定
アイコンを
ダブルクリックしてウィンドウを開きます。ウィンドウのサイズを変更するとコンテンツがオーバーフローし、もう一度サイズを変更すると問題ありません。この問題はなぜですか?(サイズ変更は一度だけ機能しますが、一度は機能しません。)
関連するコードは次のとおりです。
イベントハンドラーのサイズを変更します。
$('.window-container').live('resize', function(){
var window = $(this).data('window');
window.setWidth(window.windowContainer.width());
window.setHeight(window.windowContainer.height());
window.repaint();
});
Repaintメソッド(関連するコードのみ):
JWindow.prototype.repaint = function(){
this.windowContainer.hide();
if (this._visible && !this._minimized) this.windowContainer.show();
this.windowContainer.css('position', 'abosolute');
this.windowContainer.css('left', this.getLeft());
this.windowContainer.css('top', this.getTop());
//Resizable
this.windowContainer.resizable('disable');
if (this._resizable){
this.windowContainer.resizable({
containment: 'parent',
ghost: true,
animate: false,
minHeight:100,
minWidth:this.titleLabel.textWidth()+120
});
this.windowContainer.resizable('enable');
}
this.windowContentContainer.css('height',this.windowContainer.innerHeight()-this.titleBarContainer.height()-20);
}