Os vengo a molestar tengo la siguiente animación que desaparece en x
segundos, pero no se está validando el cierre [x] quiero dar la posibilidad de cerrar el mensaje manualmente, pero no me está funcionando.
$(document).ready(function() {
$('.response').fadeIn(500).delay(6000).fadeOut(500);
$(".dismiss").click(function(){
$(".response").fadeOut(500);
});
});
.response {
display: none;
opacity: 0.9;
position: absolute;
bottom: 15px;
left: 15px;
margin: 0;
padding: 0;
width: 500px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="response">
<span class="dismiss">X</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas non.</p>
</div>
El error
Al adaptar la animación a la respuesta de AJAX
de la siguiente manera el div
de la animación se ejecuta automáticamente al refrescar la página o abrir directamente la página y no debe hacer así debido a que este se debe ejecutar solo si se recibe una petición o respuesta por medio de ajax
Ejemplo:
Este es mi
AJAX
tomando ejemplos en la siguiente fuente endeos
$(document).ready(function() {
$('.response').fadeIn(500).delay(6000).fadeOut(500);
$(".dismiss").click(function(){
$(".response").fadeOut(500);
});
});
$(document).ready(function() {
$(document).on('submit', '#post', function() {
var data = $(this).serialize();
$.ajax({
type : 'POST',
url : 'post.php',
data : data,
success : function(data) {
$(".response").html(data);
}
});
return false;
});
});
Y obtengo respuesta
<div class="response"><!-- Respuesta AJAX --></div>';
div
de la respuesta quiero que aparezca el error o la respuesta de la misma forma como se ejecuta el primer código es decir que desaparezca el mensaje por determinadox
segundos y a la vez dar la posibilidad de cerrar el mensaje manualmente [x] a eso se refería?<div class="response"><!-- Respuesta AJAX --></div>';
? Si es eso es la respuesta que emiteajax
desde su función$(".response").html(data);
puede ser diferente mensajes de respuesta, no comprendo aún que debo aclarar :)