jQuery Forum

Is the memory given back after a refresh?
--
Brandon Aaron

If I reload, close the Tab or navigate somewhere else, it is not given
back. If I close the Browser and Re-open it, yes.
I checked out some tweaks from a firefox memory leak discussion
( http://www.freerepublic.com/focus/f-bloggers/1327586/posts ) but
nothing works so far. I'm using Process Explorer to monitor Private
Bytes. I disabled firebug and webdeveloper toolbar.
This is about 0.5 to 1mb per operation and the requested data is about
50kb.
Firefox is taking so much memory and the more it takes the longer the
scripts need to execute rendering the whole javscript/jQuery stuff
useless. I mean how do you handle that? It's just simply not working
any longer after a hundred clicks. Even Reload gives me Messageboxes
telling me that a script is taking long and wether I want to stop,
debug or continue that. Is there something like freeing jQuery
objects, resetting something or similar? Resetting the whole
javascript engine maybe? I only need that for Firefox.
Thanks for your help so far!

<div>Can you provide an online example? The issue may be in your callback method.</div>
<div> </div>
<div>Cheers,</div>
<div>-Jonathan
 </div>
<div><span class="gmail_quote">On 5/29/07, <b class="gmail_sendername"><a href="mailto:artnorm@googlemail.com">artnorm@googlemail.com</a></b> <<a href="mailto:artnorm@googlemail.com">artnorm@googlemail.com</a>> wrote:
</span>
<blockquote class="gmail_quote" style="PADDING-LEFT: 1ex; MARGIN: 0px 0px 0px 0.8ex; BORDER-LEFT: #ccc 1px solid">
I assume this is a memory leak:
$(#id).empty();
$(#id).load(url, params, callback)
increases more and more the memory usage of firefox even if the
content is replaced (in my case about 0.5mb per request). since the
dev mailinglist did not work for me I
post it in here.
any sugestions? is this problme related to .empty() or to .load()?
-- mot
</blockquote></div>

Shure no problem with the example but there is not much space left for
having a bug in the callback method:
<code>
/* request action incl. dom manipulation */
$("html").css({overflow: "-moz-scrollbars-vertical"}); /* prevent
flickering */
$("#invoicetable").empty()
$("#invoicetable").append('<div style="text-align:center; padding:
220px 0 0;">Daten werden geladen...<br /><img src="./site/images/
loadingAnimation.gif"><br /></div>');
$("#invoicetable").load("invoice-table.php",
    {v: v, kunde: kunde},
    function() {
        $("html").css({overflow: "auto"}); /* prevent flickering */
    }
);
</code>
so this is .empty(); .append() and .load() with a callback function
that is very short having one .css().
thanks so far,
mot