jQuery if then 幻灯片放映问题

Question

我有一个通过上一个和下一个按钮手动控制的幻灯片。它工作得很好，但是使用 insertBefore 和 insertAfter 感觉很草率，所以我想探索一些其他方法。相反，我在想“如果这是最后一张图像，请返回到第一张图像+相反的向后退图像。

这是我的代码，但是当它到达最后一张图像时（它应该褪色的地方），我没有得到所需的结果语法

)) 对我来说看起来很可疑。

？ if (slide == $('.z:last ' .dhut.ch/" rel="nofollow">http://brantley.dhut.ch/

谢谢！

这是我的 JavaScript：

        $('#next').click(function() {
            var slide = $('.z:visible'),
                next  = $('.z:visible').next();

            slide.fadeOut(400, function() {
                slide.removeClass('active');
                if (slide == $('.z:last')) {
                    $('.z:first').addClass('active');
                    bromance();
                    $('.z:first').fadeIn(400);
                } else {
                    next.addClass('active');
                    bromance();
                    next.fadeIn(400);
                }
            });
            return false;
        });

Answer 1

试试这个：

if (slide[0] == $('.z:last')[0]) { ...

jQuery 不会直接返回对 DOM 元素的引用，它返回一个类似数组的对象，其中每个数组元素都是与您使用的选择器匹配的 DOM 元素。这意味着比较两个选择器的结果就是比较两个不同的类似数组的对象，即使它们包含相同的元素，它们也永远不会匹配。相反，比较每个数组中的第一个元素（因为在您的情况下您只期望只有一个元素）。

Answer 2

为什么不使用 slide = $('.active') 并尝试 :first-child 而不是 :first

Answer 3

下一个 = $('.z:visible').next();

检查以下条件并相应地指定下一个图像。

if($('.z:last')){
   next = $(".z:first")
}
else{
   next  = $('.z:visible').next();
}

Answer 4

我会比较元素 id 是否相等。

将 if (slide == $('.z:last')) 更改为 if (slide.attr('id') === $('.z:last')。 attr('id'))。

或者，您可以测试最后一张幻灯片是否可见，如下所示：

if ($('.z:last:visible')) {
    // last slide is visible
}