0

espero puedan ayudarme con este problema. Estoy mostrando contenido en mi index con peticiones AJAX, mediante un menú, cuando se hace la petición uso .empty() de Jquery para vaciar el DOM, y luego agrego mi contenido, de esta manera:

    $("a").click(function() {
    link = $(this).attr("href")
    
    $.ajax({
            url: link,
            success: (function(data) { 
                $("#contenido").empty().append(data) 
             })
             
        })

        return false
    
})

Hasta ahí todo bien. El problema es que invoco archivos que tienen tablas y un botón para llamar a un modal de Bootstrap, y en el inspector de elementos noto que una vez que abro un modal y luego llamo a otro documento en el menú, o el mismo documento, se va duplicando el modal, y luego al abrirlo se oscurece el backdrop. Así se ve el inspector cuando doy el primer click en el menú que se invoca un documento y abro el modal, todo correcto:

Así está cuando doy el primer click en el menú que se invoca un documento y abro el modal, todo correcto:

Y así se ve el inspector de elementos después de interactuar con el menú varias veces y abrir el modal. Se duplican y se oscurece el fondo:

Y así se ve el inspector de elementos después de interactuar con el menú varias veces y abrir el modal. Se duplican y se oscurece el fondo:

¿Cómo puedo eliminar esos elementos duplicados del DOM? o al menos evitar que se oscurezca el backdrop sin quitar el fade

1 respuesta 1

0

Posiblemente se deba a que .apped() imprime justo debajo de lo que ya hay.

Dice: El Element.append()método inserta un conjunto de Nodeobjetos u DOMStringobjetos después del último hijo de Element. DOMStringlos objetos se insertan como Textnodos equivalentes. Referencia: https://developer.mozilla.org/en-US/docs/Web/API/Element/append

Entonces, cada vez que imprimes un dato se imprime otro modal y así; usa .html() para imprimir data a ver que sucede. No soy un experto en la materia; pero no perdemos nada con hacer el intento.

1
  • Tu respuesta es en realidad un comentario, debajo de la pregunta hay una opción: "añade un comentario", allí deberías colocar las sugerencias Commented el 14 dic. 2021 a las 0:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.