ciclo de jQuery plugin de localizador múltiple en la misma página

Question

Tengo un problema con el ciclo de plug-in localizador múltiple en la misma página Me gustaría mostrar 24 plugin de ciclo en la misma página. Cada plugin contiene alguna imagen y la información. Así que me gustaría para controlar unos a otros con "localizador". Todo está bien, todos los plugins funciona sencilla función de lista de documentos. Pero tengo un problema bastante diferente con buscapersonas.

Cuando intento agregar pager:"#nav" y .before("<div id="nav"></div>") en función del plugin. El script crea un contenedor como este <div id="nav"></div> y luego se añade el plugin todos los enlaces de paginación en este contenedor. Así todos los buscas Enlaces espectáculos en el id de un contenedor que causa como ésta.

http://onur.mayanet.com.tr/test

deseo tener acceso a algo que cada plugin debe trabajar con su propio buscapersonas.

Answer 1

ID en una página tiene que ser único, por lo que cambiar esto:

$('.slideshow').before('<div id="nav"></div>').cycle({
    fx: 'scrollLeft',
    speed: 'fast',
    timeout: 350,
    pager: "#nav"
});

A esto:

$('.slideshow').each(function() {
  $(this).before('<div class="nav"></div>').cycle({
    fx: 'scrollLeft',
    speed: 'fast',
    timeout: 350,
    pager: $(this).prev()
  });
});

Puede probarlo aquí , todo lo que estamos haciendo aquí es un bucle a través y crear / asignar un buscapersonas a cada uno, en lugar de utilizar un id que tiene que ser único. Asegúrese de cambiar sus reglas CSS #nav a .nav para que coincida con el id => cambio class también.