たけのこ.not: jQuery-ui dialogでのメモリリーク

日本語の情報が見つからなかったので、メモとして。

あまりこういうケースで使う人はいないのかなぁ？

jQuery1.4.2　jQuery-ui1.8.7でのお話。

jQuery-UIのdialogをmodalウィンドウで作成→消去→作成→消去と繰り返した場合、

IEではメモリが解放されず、がんがん食い潰していくという現象。

どうも、IEではCSSでAlpha(opacity=..)を指定した画像を読み込むと、

以後、それをDOM上から消去してもその分のメモリを解放してくれないとか。

で、それがmodalウィンドウを作成する時に、背景のグレーがもろに指定している、と。

使わなくなったら消去した方がいいだろうと思ってたのが裏目に。。。とほ。

なんか10Mずつぐらい増えていきましたよ。すごいね、これ。

回避策としては、jQuery-uiのCSSで下の、

.ui-widget-overlay { background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }

を、

.ui-widget-overlay { background: url(/appui/images/overlay.png) 50% 50% repeat-x; }

に変更することで回避できるみたいです。半透明ではなくなりますが。

その他にも半透明指定した画像を使用している場合はダメですけど。

それか、Link先では一度作ったウィンドウは使いまわすことで回避できると書いてある模様。

dialogをmodalで作らずに自前で半透明PNGを挿入するとか。

たけのこ.not