间隔中的jQuery淡出图像抛出fadeOut不是函数[重复]答案

【问题标题】：jQuery fade out image in interval is throwing fadeOut is not a function [duplicate]间隔中的jQuery淡出图像抛出fadeOut不是函数[重复]
【发布时间】：2020-07-21 14:46:33
【问题描述】：

我有 4 张图片，我想每 3 秒更改一次，但要淡出/淡入。

我成功更改了图片，但是当我添加 fadeOut 时出现错误 action.js:14 Uncaught TypeError: $(...).fadeOut is not a function em>

$(document).ready(function(){

    count = 1;
    setInterval(function () {
       
        count++;

        $('#mainimg').fadeOut(200, function() { //THIS CAUSES THE ERROR
            $('#mainimg').attr('src','img/phone' + count + '.png');
        });

        if(count == 4){
            count = 1;
        }

    }, 3000);

})

这是我所有的JS代码，没有别的了。

【问题讨论】：

请提供一个最小的、可重复的示例，以便我们为您提供帮助。

标签： javascript jquery

【解决方案1】：

您在该页面上是否有另一个 javascript 库？似乎您有 hide 功能，并且 $ 定义了（例如，原型也有一个 hide 功能）。如果是这种情况，请尝试：

jQuery("#item_0").fadeOut("slow");

【讨论】：

我已经加载了 bootstrap.js 和 jquery CDN。就是这样。

【解决方案2】：

我发现了问题。 jQuery 是苗条的版本，没有缩小。这就是它抛出错误的原因。 jQuery 库没有褪色。只需为 minifed 版本添加 CDN 即可修复它。

【讨论】：