0

I have a list that changes depending on the search term that the user enters.

The search box has a jquery key up event and fires a ajax call to my server to get relevant search results. The data is returned as json. I then rebuild the list and add a hefty onclick function to every item in the new list.

My concern is that amount of memory used is going to get bigger and bigger as more and more events get bound to elements added through ajax.

Does jquery / javascript automatically manage elements when they are removed from the dom (free up memory)? or should I unbind all events on the list items before building the new list?

Thanks!

trincot
  • 317,000
  • 35
  • 244
  • 286
nick
  • 3,521
  • 3
  • 22
  • 32
  • 1
    http://stackoverflow.com/questions/768621/how-to-dispose-of-dom-elements-in-javascript-to-avoid-memory-leaks/768671#768671 – Rafay Oct 25 '11 at 17:21

2 Answers2

1

Well unbinding will not remove the instances from memory its only 'remove' method that does that.

babravahan
  • 113
  • 1
  • 1
  • 7
0

you should unbind the events . if you unbind it - it will go to the GC. if you wont - it will still have reference which later needs to be checked via GC.

Royi Namir
  • 144,742
  • 138
  • 468
  • 792
  • what about if I were to use $('.list-area').empty() method or maybe $('.list-area').children.remove()? would that sort out memory issues? – nick Oct 25 '11 at 22:47