Cargando

Ir a contenido

X

Error jquery con slider





  AUTOR PREGUNTA

Publicado 25 junio 2014 - 22:22
Estoy trabajando con jquery y tengo un problema con un slider en el cual luego de estar desplegado, pasan unos segundos y vuelve a cerrarse. les dejo mi código en jquery:

function notificationBoxOutput(type, message) { if (type == "success") { $('.notificacion').removeClass('warning').addClass('success'); } if (type == "warning") { $('.notificacion').removeClass('success').addClass('warning'); } $('.notificacion').html('<b>' + type + ':</b>&nbsp;' + message); $('.notificacion').slideDown().delay(3000).slideUp(); }

Y mi css en caso de que el error este aqui:

div.notificacion { 
top: 0px; left: 0px;
width: 100%;
position: fixed;
z-index: 3;
background: #333333;
text-align: center; 
vertical-align: center; 
opacity:0.85; filter:alpha(opacity=85); display: none; }
div.warning { background-color: #990000; display: block; } div.success { background: #009900; display: block; }

Gracias de antemano por toda la ayuda que me puedan brindar:
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 26 junio 2014 - 13:35
Prueba reemplazando la última línea de tu jquery con esto:

$('.notificacion').slideDown( function() { $('.notificacion').delay(3000).slideUp(); });


 

Publicado 26 junio 2014 - 13:48
El problema se encuentra en tu CSS. Retira el atributo display:block en la declaración de las clases success y warning, con eso debería dejar de darte el inconveniente.

   AUTOR PREGUNTA

Publicado 26 junio 2014 - 14:18
Era eso crack, gracias


X