php - jquery 库不能完全工作

Question

我的网站上有一个画廊（在我的电脑上，而不是在服务器上），但我遇到了问题。这是它的脚本（它是通过 php 从服务器加载的）：

$(document).ready(function() {
    $('.gallery').hide();
    $('.gallery:first').fadeIn();
    var galleryItems=$('.gallery').length;
    var index=0;
    setInterval(function() 
    {
        index++ ;
        var id="gallery-"+(index);
        $('.gallery').hide();
        if (index==galleryItems)
        {
            index=0;
        }
        $('#gallery-'+index).fadeIn(1000);
    },7000);
});

画廊工作，但一段时间后，我没有在画廊看它停止正常工作。

这是它应该看起来的样子：

图片1

这是它的实际外观：

图 2

我应该怎么办？

Answer 1

我相信当index==galleryItems您淡入第 0 项而不是最后一项时。然后，当画廊继续时，它会淡入下一个项目，导致翻倍。

$(document).ready(function() {
    $('.gallery').hide();
    $('.gallery:first').fadeIn();
    var galleryItems=$('.gallery').length;
    var index=0;
    setInterval(function() 
    {
        index++ ;
        //var id="gallery-"+(index); this is unused so it should be removed.
        $('.gallery').hide();
        $('#gallery-'+index).fadeIn(1000); // MOVED TO BEFORE INDEX RESET
        if (index==galleryItems)
        {
            index=0;
        }

    },7000);
});