JQuery цикл плагин с несколькими пейджерами на той же странице

Question

У меня проблема с плагином цикла с несколькими пейджерами на той же странице Я хотел бы показать 24-битный плагин на той же странице. Каждый плагин содержит некоторое изображение и информацию. Поэтому я хотел бы контролировать друг друга «пейджером». Все в порядке, все плагины работают с простой функцией готовности документа. Но у меня совсем другая проблема с пейджером.

Когда я пытаюсь добавить pager:"#nav" и .before("<div id="nav"></div>") в функцию плагина. Сценарий создает такой контейнер <div id="nav"></div>, а затем плагин добавляет все ссылки пейджера в этот контейнер. Таким образом, ссылки всех пейджеров отображаются в одном контейнере, который он вызывает так.

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

Я хочу, чтобы доступ к чему-то, что каждый модуль должен работать со своим пейджером.

Answer 1

идентификаторы в странице должны быть уникальными, так это изменить:

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

к этому:

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

You can test it out here, все, что мы делаем здесь, циклически и создания/присвоения пейджер к каждому из них, вместо использования id, который должен быть уникальным. Обязательно измените правила CSS #nav на .nav в соответствии с изменением id =>class.