私の質問を説明する最良の方法は、そのような問題でいくつかの画像オブジェクトを作成することだと思います。
<div id="image_collection">
<div class="image" data-src="http://image1.jpg"></div>
<div class="image" data-src="http://image2.jpg"></div>
</div>
私のJavaScriptでは、次のことができます。
$('.image').each(function( index, element ){
var image = new Image(); //NEW INSTANCE(S) CREATED (IN MEMORY)
image.src = $(this).attr('data-src');
$(this).parent().append(image);
});
これは私の実際のスクリプトの例でnew Image()
あり、カスタムオブジェクトであることに注意してください。
このスクリプトは自動的に実行されるため、画像を配置<div class="image" data-src="http://image1.jpg"></div>
する場所に画像が作成されます。現在、一部のプログラマーはこのスクリプトを使用してインポートし、次のコードを使用して独自のスクリプトを作成しています。
$('#image_collection').remove(); //OR
$('#image_collection').html('Some new content');
これで、スクリプトが最初に起動し、すべての画像が変換されて新しいインスタンスが作成されますが、プログラマーがimage_collection内のノードを削除しても、それらの画像インスタンスは引き続きメモリに残ると思います。DOMで使用されなくなったイメージインスタンスを削除するにはどうすればよいですか?