Question

我正在使用JQuery创建幻灯片。幻灯片放映使用以下代码：

     function playSlideshow() {

            timer = setInterval(function () {

            thumbnails.children[currentNum].className = '';

                currentNum++;
                if (currentNum > data.files.length - 1) {
                    currentNum = 0;
                    console.log(currentNum);
                }

                var currentImage = data.files[currentNum];
                target.src = currentImage;

                thumbnails.children[currentNum].className = 'current';
               //playSlideshow();
            }, 3000);                
        }

然而，一旦我插入下面的代码行，我就会收到错误（currentImage.fadeIn不是函数）：

    function playSlideshow() {

        timer = setInterval(function () {

            thumbnails.children[currentNum].className = '';

            $('#main>img').fadeOut('slow');

            currentNum++;
            if (currentNum > data.files.length - 1) {
                currentNum = 0;
            }

            var currentImage = data.files[currentNum];
          //var image = data.files[currentNum].clone(true);
            $('#main>img').prepend(currentImage.fadeIn('slow'));
            target.src = currentImage;

            thumbnails.children[currentNum].className = 'current';
           //playSlideshow();
        }, 3000);                
    }

我使用Ajax从JSON文件中获取了'files'数组。有没有人知道如何解决这个问题？

Answer 1

尝试

$('#main>img').prepend(currentImage).fadeIn('slow');

淡化jQuery对象，而不是数组对象。

currentImage.fadeIn is not a function告诉你currentImage不是jQuery对象，或者jQuery名称空间中不存在fadeIn。

幻灯片：淡入淡出和淡出JQuery

1 个答案: