Question

我的项目的目标是制作图像的幻灯片，只需使用.animate，每个图像的顶部都有一个下拉列表。但是，这只适用于第一张幻灯片，其余的它们似乎无法正常工作。每张幻灯片都是div，而div里面是div #panel。

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,
});

Answer 1

从它的外观来看，似乎你为每个drop down元素使用相同的ID。每个元素都应该有自己唯一的ID。尝试使用每个元素的类，例如：

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

Jquery循环幻灯片中的辅助动画不起作用，除非它是第一张幻灯片

1 个答案: