Problema Jquery funcion automatizada
Publicado por martin (1 intervención) el 28/05/2016 21:13:06
Hola buenas tardes, tengo un problema con Jquery que llevo bastantes horas intentando resolver y no encuentro el error de porque no me funciona, les explico aver si pueden darme una mano.
Simplemente tengo 3 contenidos y la idea es mostrarlos uno a uno mediante un boton Next, programe lafuncion en Jquery de tal manera que esto me sirva para en un futuro manejar muchos mas de 3 contenidos, pero el problema principal es que la funcion solo me lleva del contenido 1 al 2, y luego no continua del 2 al 3 y etc como deberia... por lo cual miduda es cual es la razon por la cual mi funcion no se vuelve a ejecutar, aqui les muestro el codigo! Muchas gracias de antemano
Simplemente tengo 3 contenidos y la idea es mostrarlos uno a uno mediante un boton Next, programe lafuncion en Jquery de tal manera que esto me sirva para en un futuro manejar muchos mas de 3 contenidos, pero el problema principal es que la funcion solo me lleva del contenido 1 al 2, y luego no continua del 2 al 3 y etc como deberia... por lo cual miduda es cual es la razon por la cual mi funcion no se vuelve a ejecutar, aqui les muestro el codigo! Muchas gracias de antemano
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="activo" id="contenedor0">
<h3>Titulo 1</h3>
<p >Contenido 1</p>
<a id="next">Nextt</a>
</div>
<div class="" id="contenedor1">
<h3>Titulo 2</h3>
<p>Contenido 2</p>
<a id="next">Next</a>
</div>
<div class="" id="contenedor2">
<h3>Titulo 3</h3>
<p>Contenido 3</p>
<a id="next">Next</a>
</div>
1
2
3
div {display: none;}
.activo {display: block;}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var i = 0;var z = 1;var contenedorfirst = "#contenedor" + i;
var contenedorsecond = "#contenedor" + z;
$('#next').click(function(){
$(contenedorfirst).removeClass("activo");
$(contenedorsecond).addClass("activo");
i = i +1;
z = i +1;
contenedorfirst = "#contenedor" + i;
contenedorsecond = "#contenedor" + z;
});
Valora esta pregunta
0