Saltar al contenido

Cierre automático de alerta Bootstrap

Recuerda que en la informática un problema casi siempre tiene diversas resoluciones, de igual modo enseñaremos lo más óptimo y mejor.

Solución:

Para un deslizamiento suave:

$("#success-alert").fadeTo(2000, 500).slideUp(500, function()
    $("#success-alert").slideUp(500);
);

$(document).ready(function() 
  $("#success-alert").hide();
  $("#myWish").click(function showAlert() 
    $("#success-alert").fadeTo(2000, 500).slideUp(500, function() 
      $("#success-alert").slideUp(500);
    );
  );
);



Success! Product have added to your wishlist.

Usando un fadeTo() eso se está desvaneciendo a una opacidad de 500 en 2 segundos en el código de “I Can Has Kittenz” no es legible para mí. Creo que es mejor usar otras opciones como un retraso ()

$(".alert").delay(4000).slideUp(200, function() 
    $(this).alert('close');
);

¿Por qué todas las otras respuestas usan slideUp está más allá de mí. Como estoy usando el fade y in clases para que la alerta se desvanezca cuando se cierre (o después del tiempo de espera), no quiero que se “deslice hacia arriba” y entre en conflicto con eso.

junto al slideUp El método ni siquiera funcionó. La alerta en sí no se mostró en absoluto. Esto es lo que funcionó perfectamente para mí:

$(document).ready(function() 
    // show the alert
    setTimeout(function() 
        $(".alert").alert('close');
    , 2000);
);

Sección de Reseñas y Valoraciones

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *