Tengo una página utilizando jquery-ui-dialog. Cada vez que se abre el cuadro de diálogo, los contenidos de la página se cargan utilizando ajax. Luego se une algún evento usando jquery "on ()". Cuando el diálogo se cierre, vaciará su contenido.

La pregunta es, ¿necesito desenlazar los eventos en ".ajax-content" antes de $ .empty ()?

editar: preocupación 1. ¿Alguna posible degradación del rendimiento de JS? Si yo vacío () cientos de nodos de esta manera.

preocupación 2. ¿El elemento eliminar también eliminaría los eventos de la memoria (o cualquier cadena de ejecución / evaluación de jquery)?

No les estoy haciendo nada por ahora. Si el cuadro de diálogo se abre / cierra muchas veces sin actualizar la página, ¿causaría algún problema?

El código se ve así:

<div id="jquery-dialog" class="container">
  <div class="ajax-content">
    some buttons....
  </div>
</div>

------after each ajax load------------
$(".ajax-content").on("click", ".button", function(event) {
  //handles the click
});

------on dialog close------------
$("#jquery-dialog").empty();