Jquery Cycle вторичная анимация на слайде не работает, если это не первый слайд - PullRequest
0 голосов
/ 10 декабря 2011

Целью моего проекта было создание слайд-шоу изображений с раскрывающимся списком в верхней части каждого из них, используя только .animate. Тем не менее, это работает только на первом слайде, на остальных они, кажется, не работают вообще. Каждый слайд - это div, а внутри него - панель div #.

var $panel = $('#panel');
var $up = $("#up");
var $down = $("#down");

// up arrow
$up.click(function () { 
    $panel.animate({
        top: '-180px',
    }, 500);
    $(this).fadeOut(250);
    $down.fadeIn(250);
    return false;
});

// down arrow
$down.click(function () { 
    $panel.animate({
        top: '0',
    }, 500);
    $(this).fadeOut(250);
    $up.fadeIn(250);        
    return false;
});

Ох и код цикла:

$('#base').cycle({
    fx:'scrollHorz',
    prev:   '#prev',
    next:   '#next',
    timeout: 0,
});

1 Ответ

1 голос
/ 10 декабря 2011

На первый взгляд кажется, что вы используете одинаковые идентификаторы для каждого выпадающего элемента. Каждый элемент должен иметь свой уникальный идентификатор. Попробуйте вместо этого использовать классы для каждого элемента, например:

var panel = $('.panel');
var up = $('.up');
var down = $('.down');
...