layui使用动态添加轮播图的坑-bug记录（动态加载成功但是没有效果）

本文链接：https://blog.csdn.net/qq_44728974/article/details/123391151

bug情况

我开始使用的是三张本地图片渲染轮播，一切正常，然后我改为了获取数据库数据，然后动态添加div，实现获取网络图片，但是出现了bug，轮播图加载不出来，测试拿到的数据一切正常
我开始错误找错和解决步骤如下(可能大多数人都是如此)：
1、先检查返回的数据，一切正常，排除
2、然后检查是不是没有运行到添加代码的地方，处理返回的数据有问题，我测试发现没有问题
3、运行后检查页面，然后发现，那一块动态添加的代码都有了，就是没效果，如下图：
在这里插入图片描述
左边是轮播位置，右边是动态添加的代码，发现已经添加进来了
4、网上查询一番，发现是没有重新加载的原因，于是我重新加载了，结果不变，依然没有效果

然后就开始如下步骤找是不是其他少见的奇葩错误：
1、我索性直接先动态添加再加载轮播，不信还有错，如下图：
在这里插入图片描述
上图的getImgList()方法就是获取数据库数据并动态添加到轮播代码区，方法如下：

/*渲染轮播图*/
        function getImgList() {
   
   
            $.ajax({
   
   
                url: '/file/homePage/img/list',
                success: function (res) {
   
   
                    if (res.code === 0)