проблемы пейджера cycle.js

Question

Я пытаюсь сделать пейджер для моего изображения на велосипеде с помощью этого плагина: http://jquery.malsup.com/cycle/pager3.html

but even tho it looks like Im doing it right, my pager wont work. Here is my code:
    /////////////
    // This is my pager on the left side of my slideshow
    /////////////
        <ul class="imageList">
            <?php foreach ($imgs as $img) : ?>
            <li>
                <a href="#">
                    <img src="<?php echo $img[0]; ?>" height="64" width ="64" alt="<?php echo $title; ?>" />
                </a>
            </li>
            <?php endforeach; ?>
        </ul>
    /////////////
    /// here is the slider    
    /////////////
    <?php $imgs = get_post_images(get_the_ID(), 'full'); ?>
    <div class="imageCycler nextImage">
        <?php foreach ($imgs as $title => $img) : ?>
        <div>
            <img src = "<?php echo $img[0]; ?>" alt = "<?php echo $title; ?>" />
            <p class="imageInfo">                       
                <?php echo $img[3]; ?>                  
            <p>
        </div>
            <?php endforeach; ?>
    </div>
    /////////////
    /// here is my jquery 
    /////////////
       $(.'imageCycler').cycle({ 
            fx: 'fade', 
            speed: 300, 
            next: '.nextImage',
            prev: '.prevImage',          
            timeout: 0,
            pager: '.imageList', 
            pagerAnchorBuilder: function(idx, slide) { 
                // return selector string for existing anchor 
                return '.imageList li:eq(' + idx + ') a'; 
            } 
        });

Это тема WordPress, которую я создаю, так что вот что это за php, я просто извлекаю прикрепленные изображения из поста и перечисляю их.

Answer 1

Мой плохой, похоже, что cycle.js имеет два файла js, один имеет базовые функции, а другой (тот, который у меня не был) содержит функции пейджера.

Answer 2

Основной элемент пейджинга в цикле - это один контейнер на слайд-шоу.Вы создаете многие из них в своем цикле, и, кроме того, вы пытаетесь добавить LI элементы к тегу P, который является недействительным HTML.Вытащите пейджер из цикла и используйте правильную HTML-структуру