Supprimer le code laissé par le jQuery Dialog apres fermeture

Bonjour,

J'ai une popup jQuery dans mon site, elle contient des datepicker et d'autres élements jQuery.
Quand j'ouvre ma popup une seconde fois, les elements qu'elle contient ne fonctionnent plus. C'est parce que le code qui a été écrit dans la page à la première ouverture n'a pas disparu.
Du coup le code est écrit une deuxieme fois. Et pour les id uniques....

Voici comment je crée ma popup:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

$(".openDialog").on("click", function (e) { e.preventDefault();   $("<div></div>") .addClass("dialog") .attr("id", $(this).attr("data-dialog-id")) .appendTo("body") .dialog({ width: $(window).width() / 1.5, height: $(window).height() - 50, title: $(this).attr("data-dialog-title"), close: function () { $(this).remove() }, modal: true }) .load(this.href); });

---

Quelqu'un saurait comment supprimer le code à la fermeture de la popup ? (Je ne souhaite pas le réutiliser)
Merci.

Bonsoir

Je suggère de tester :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

$( ".openDialog" ).on( "click", function( e ){ e.preventDefault();   var jObjDialog = $( "<div/>", { "class" : "dialog", "id" : $( this ).attr( "data-dialog-id" ) }).appendTo( "body" );   jObjDialog .dialog({ "width" : $( window ).width() / 1.5, "height" : $( window ).height() - 50, "title" : $( this ).attr( "data-dialog-title" ), "modal" : true, "close" : function(){ jObjDialog.remove(); } }) .load( this.href ); });

---