Ver Mensaje Individual
  #1 (permalink)  
Antiguo 24/09/2011, 15:09
leif_sk8er
 
Fecha de Ingreso: junio-2009
Mensajes: 309
Antigüedad: 14 años, 10 meses
Puntos: 5
JQUERY UI - Eliminar div con pluggins draggable y droppable añadido

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:
Ver original
  1. $("elemento").draggable("destroy").resizable("destroy").remove();

o solo sirve hace todo?:
Código Javascript:
Ver original
  1. $("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:
Ver original
  1. $(".parent .elements").draggable("destroy").resizable("destroy").parent().html(newHtml).find(".newsElements").draggable().resizable();

O solo con esto sobra?
Código Javascript:
Ver original
  1. $(".parent").html(newHtml).find(".newsElements").draggable().resizable();


Espero haberme explicado comprensiblemente. Gracias.