Uncaught TypeError: Cannot read properties of null (reading 'classList') 作者：七棵菜 日期：2022-11-30 栏目：计算机分类：1 人气：1605 使用`boostrap`轮播图`carousel`，在不使用`carousel-indicators`时，轮播图播放没有问题，当使用`carousel-indicators`时，只能播放一张图片，第二次播放时报错如下： ``` Uncaught TypeError: Cannot read properties of null (reading 'classList') at et._setActiveIndicatorElement (bootstrap.min.js:6:14281) at et._slide (bootstrap.min.js:6:15485) at et.next (bootstrap.min.js:6:11087) at et.carouselInterface (bootstrap.min.js:6:16427) at HTMLButtonElement.dataApiClickHandler (bootstrap.min.js:6:16785) at HTMLDocument.s (bootstrap.min.js:6:4769) ``` 具体原因没有调查，可能是`bootstrap`版本的问题，遇到这个问题的时候，`indicators`的`data-`属性使用`data-bs-`代替 ``` <ol class="carousel-indicators"> {php $i = 0;} {loop $info $v} <!-- 错误 --> <li data-target="#carouselHeritage" data-slide-to="{$i}" class="{if $i===0}active{/if}"></li> <!-- 正确 --> <li data-bs-target="#carouselHeritage" data-bs-slide-to="{$i}" class="{if $i===0}active{/if}"></li> {php $i++;} {/loop} </ol> ``` ### 鸣谢 - [我爱学习](https://www.5axxw.com/questions/content/2kq098) 标签： bootstrap carousel 轮播 上一篇：如何使用mvn命令导入依赖 下一篇：在babylon中绘制坐标轴 随便看看 2024-02-19 PHP7 运算符“??” 和“?:”的区别 2022-11-30 Linux 后台运行命令 2022-11-25 关于我们 2022-11-30 centos一键系统安装lnmp集成环境 2022-11-30 linux 生成 ssh 公钥 留言
