Mi objetivo es mostrar un div con un mensaje exitoso cuando se hace clic en el botón Guardar. Desafortunadamente, todo lo que logré hacer fue mostrar este mensaje cada vez que se carga la página.
Aquí está mi código:
<div id="fadeDiv"> <p>Content saved !</p> </div> $(document).ready(function () { $('#fadeDiv').fadeIn(1000); setTimeout(function () { $('#fadeDiv').fadeOut(1000); }, 1000); });traté de hacer
$('#saveBtn").click(...);pero cuando hago clic en el botón, la página se vuelve a cargar incluso si no tengo un Response.Redirect(), por lo que mi div no se muestra.
Gracias por tu ayuda
Esta solución oculta el botón al principio.
$("#saveBtn").click(function () { $('#fadeDiv').fadeIn(1000); setTimeout(function () { $('#fadeDiv').fadeOut(1000); }, 1000); }); <div id="fadeDiv" style="display:none"> <p>Content saved !</p> </div> <button id="saveBtn"> Save! </button>Consulte el siguiente enlace e intente con el suyo propio.
y avísame si quieres ayuda.
Ahí está la solución a su problema 1.Aquí está nuestro html
<div id="fadeDiv"> <p>Content saved !</p> </div> <button id="saveBtn">Show</button>2. Código Jquery
$(document).ready(function(){ $("#fadeDiv").hide(); $("#saveBtn").click(function(){ $("#fadeDiv").show(); }); });Explicación de la solución del problema. 1. La estructura html es la misma que la tuya, la solución está en el código jquery.
R. Esta línea $("#fadeDiv").hide(); oculta el div cuando llegamos por primera vez a nuestra página.
B. Y este código se ejecutará cuando hagamos clic en el botón Guardar
$("#saveBtn").click(función(){
});.
C.lo último, esta línea $("#fadeDiv").show(); mostrará el div oculto.