plug-in de cycle jquery multiples téléavertisseur dans la même page

Question

J'ai un problème avec le plugin cycles multiples téléavertisseur dans la même page Je voudrais montrer plugin cycle de 24 dans la même page. Chaque plug-in contient une image et des informations. Je voudrais donc contrôler l'autre avec « pager ». Tout est OK, tous les plugins cela fonctionne document simple fonction prêt. Mais j'ai un problème tout à fait différent avec téléavertisseur.

Lorsque je tente d'ajouter pager:"#nav" et .before("<div id="nav"></div>") en fonction du plug-in. Le script crée un conteneur comme celui-ci <div id="nav"></div> puis plug-in tous les liens ajoute téléavertisseur dans ce conteneur. Ainsi, tous les liens téléavertisseurs montre dans l'identifiant un conteneur provoque comme celui-ci.

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

Je veux avoir accès à quelque chose que chaque plugin devrait fonctionner avec son propre téléavertisseur.

Answer 1

ID dans une page doivent être uniques, donc changer ceci:

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

Pour cela:

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

Vous pouvez le tester ici , tout ce que nous faisons ici est mise en boucle grâce à la création et / assignation d'un récepteur d'appel à chacun, au lieu d'utiliser un id qui doit être unique. Assurez-vous de changer vos règles CSS de #nav à .nav pour correspondre à la id => changement class ainsi.