Jquery: Cómo borrar un elemento antes de añadir nuevo contenido?

Este es mi código jquery

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

La primera vez, funciona muy bien. Mostrar el contenido de la PopUpProductDetails.aspx página. Pero, después de eso, Si hago clic en el botón de nuevo, me sale dos veces el mismo contenido, y así sucesivamente. Creo que el problema es que necesito despejar la de diálogo primer elemento, antes de añadir nuevo contenido.

¿Cómo puedo hacer eso?

InformationsquelleAutor Richard77 | 2012-12-11

2 Kommentare

  1. 61

    .append() anexa html al final de html existente cadena, utilice .html() para reemplazar lo que en la actualidad dentro de #dialog.

    • .html(«») trabajó para mí.
    • Nota: append() trabaja con más que sólo las cadenas que contienen HTML, mientras que .html() sólo funciona con cadenas que contengan HTML.
    • funciona perfectamente hombre 🙂
  2. 20

    Dentro de la función, desactive el cuadro de diálogo primero y luego llenar con el contenido de

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

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea