Jquery: come cancellare un elemento prima di aggiungere nuovi contenuti?

Question

Questo è il mio codice jQuery

$.ajax({ 
    url: "PopUpProductDetails.aspx", 
      cache: false 
    }).done(function (html) { 
    $("#dialog").append(html); 
}); 

La prima volta, funziona bene. Visualizza il contenuto della pagina PopUpProductDetails.aspx. Ma dopo, se clicco di nuovo, ottengo due volte lo stesso contenuto, e così via. Credo che il problema è che ho bisogno di cancellare la finestra di dialogo prima di aggiungere nuovi contenuti.

Come faccio?

Answer 1

.append() aggiunge html alla fine della stringa html esistente, utilizzare .html() per sostituire ciò che è attualmente all'interno di #dialog.

Answer 2

All'interno della funzione deselezionare la finestra di dialogo e poi si riempiono con il contenuto

$.ajax({ 
    url: "PopUpProductDetails.aspx", 
      cache: false 
    }).done(function (html) { 
    $("#dialog").html(""); 
    $("#dialog").html(html); 
});