Discussion :

[Invité]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[danielhagnoul]

Bonsoir

Je suggère de tester :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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