JQuery - Problema Jquery funcion automatizada

   
Vista:

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

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
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder