Eu tenho uma página usando jquery-ui-dialog. Cada vez que a caixa de diálogo é aberta, o conteúdo da página é carregado usando ajax. Em seguida, ele liga algum evento usando jquery "on ()". Quando a caixa de diálogo fechar, ela esvaziará seu conteúdo.

A questão épreciso desvincular os eventos em ".ajax-content" antes de $ .empty ()?

editar: preocupação 1. qualquer possível degradar o desempenho JS? se eu esvaziar () centenas de nós dessa maneira.

preocupação 2. remover elemento também remover eventos da memória (ou qualquer cadeia de execução / avaliação de jquery)?

Eu não estou fazendo nada com eles por enquanto. Se o diálogo abrir / fechar por muitas vezes sem atualização de página, causaria algum problema?

Código se parece com isso:

<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();