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