JQUERY UI - Eliminar div con pluggins draggable y droppable añadido

[leif_sk8er]

Buenas, tengo una duda en cuanto a rendimiento y como evitar utilizar memoria del navegador que ya no se usa. Tengo entendido que por cada evento que se crea con jquery el navegador se va sobrecargando un poquito mas por que se guarda en memoria lo necesario.

Pues bien, estoy utilizando el metodo draggable y droppable de juqey ui. Normalmente cuando quiero borrar un elemento hago un delete() de ese elemento. Aunque tuviera los plugins draggable y droppable o resizable hacia lo mismo, un simple delete.

Mi duda viene, por que he estado viendo que tienen el metodo destroy estos plugins para liberar la memoria utilizada por ese evento. Con lo que no se si tengo que hacer primero un destroy de esos eventos y luego un delete o simplemente con un delete jquery ya se encarga de unbindear todos los eventos...

Es decir:

Código Javascript:

$("elemento").draggable("destroy").resizable("destroy").remove();
 

o solo sirve hace todo?:

Código Javascript:

$("element").remove();
 

La misma duda me surge, y aqui puede que sea diferente por que no se usa delete, cuando quieres reemplazar un html y el html anterior tenia elementos con eventos:

Hay que hacer eso?:

Código Javascript:

$(".parent .elements").draggable("destroy").resizable("destroy").parent().html(newHtml).find(".newsElements").draggable().resizable();
 

O solo con esto sobra?

Código Javascript:

$(".parent").html(newHtml).find(".newsElements").draggable().resizable();
 

Espero haberme explicado comprensiblemente. Gracias.

[leif_sk8er]

Nunca nadie se ha planteado esto? jajaja

[atrianaster]

Utilizando solamente .remove es la mejor opción. En la documentacion del método remove http://api.jquery.com/remove puedes verlo. Cuando eliminas un elemento del DOM utilizando .remove eliminas el mismo con todos sus eventos asociados.

Saludos