jQuery の toggle('slow') メソッドを使用してアニメーション化している小さな (17K) 画像があります。アプリケーションによるメモリ使用量を監視していると、このメソッドが呼び出されるたびに、特に最初の 3 ~ 4 回で大きなジャンプが見られます。正確な数字は次のとおりです。
- toggle('slow') 最初の呼び出し (17k 画像を表示) - 10.8 Mb 増加
- toggle('slow') 2 回目の呼び出し (画像を非表示) - さらに 2.5 Mb 増加
- toggle('slow') 3 回目の呼び出し (イメージを表示) - 500 K 増加
...など、増加は少なくなりますが、それでも増加します。アニメーションなしで単に toggle() を使用すると、メモリ使用量は増加しません。
toggle('slow') メソッドを呼び出す関数の外部の変数に要素を格納するという推奨事項を見てきましたが、それでは問題は解決しません。コードは次のとおりです。
var $setLoc = $("#setLocation");
function toggleAll(){
$setLoc.toggle('slow');
}