Javascript 为什么手机上的幻灯片之间会出现图像闪烁？

首先，我显示一个错误，如下所示：

Uncaught TypeError: Cannot read property 'className' of undefined

第二，当我在手机上点击幻灯片时，我在图片之间看到一个奇怪的闪光。我试图理解错误消息的含义，但我不明白。这是否意味着我需要在某个地方取消一门课

没有定义的类名到底是什么

var slideIndex=1；
放映幻灯片（幻灯片索引）；
//下一个/上一个控件
函数加滑块（n）{
放映幻灯片（（幻灯片索引+=n））；
}
//缩略图图像控件
功能当前幻灯片（n）{
放映幻灯片（（幻灯片索引=n））；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
如果（n>幻灯片长度）{
slideIndex=1；
}
if（n<1）{
slideIndex=slides.length；
}
对于（i=0；i

*{框大小：边框框}
身体{
保证金：0；
框大小：边框框；
填充：60px；
溢出x：隐藏；
-webkit转换：translateZ（0）；
背景：白色；
}
.头衔{
线高：150%；
字号：17px；
字体系列：“helvetica”，无衬线；
字号：700；
显示器：flex；
弯曲方向：立柱；
证明内容：之间的空间；
宽度：22vw；
显示：无；
}
/*幻灯片容器*/
.slideshow容器{
最大高度：计算（100vh-120px）；
高度：计算（100vh-120px）；
显示器：flex；
证明内容：柔性端；
边际：0px；
线高：0%；
}
.slideshow容器img{
对象匹配：覆盖；
}
/*默认情况下隐藏图像*/
迈斯利德斯先生{
显示：无；
最大高度：计算（100vh-120px）；
高度：计算（100vh-120px）；
线高：0%；
-webkit背面可见性：隐藏；
}
第img节{
宽度：calc（100vw-120px）；
高度：计算（100vh-120px）；
}
.包含img{
对象匹配：包含；
物体位置：100%50%；
线高：0%；
}
img{
身高：100%；
最大宽度：100%；
}
/*下一步和上一步按钮*/
上一篇{
光标：指针；
显示：无；
位置：绝对位置；
最高：50%；
宽度：自动；
利润上限：-22px；
填充：16px；
颜色：白色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
}
/*将“下一步按钮”置于右侧*/
.下一个{
边界半径：3px 0 3px；
顶部：60px；
位置：绝对位置；
宽度：calc（100vw-120px）；
高度：计算（100vh-120px）；
-webkit背面可见性：隐藏；
}
.下一步：活动{
-webkit背面可见性：隐藏；
}
/*在悬停时，添加一个黑色背景色，带有一点透明*/
.prev:悬停，.next:悬停{
背景色：透明；
光标：指针；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
/*点/子弹/指示器*/
多特先生{
光标：指针；
高度：15px；
宽度：15px；
边际：0.2px；
背景色：；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.active，.dot:悬停{
背景色：透明；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1s；
动画名称：淡入淡出；
动画持续时间：1s；
}
@-webkit关键帧淡入淡出{
0%{不透明度：1}
100%{不透明度：1}
}
@关键帧淡入淡出{
0%{不透明度：1}
100%{不透明度：1}
}
@仅介质屏幕和（最大宽度：720px）{
*{框大小：边框框}
身体{
填充：0px；
}
迈斯利德斯先生{
显示器：flex；
最大高度：计算（100vh-20px）；
高度：计算（100vh-90px）；
线高：0%；
溢出x：隐藏；
}
第img节{
宽度：calc（100vw-20px）；
高度：计算（100vh-90px）；
利润率：10px；
}
.下一个{
边界半径：0；
顶部：0px；
位置：绝对位置；
宽度：100vw；
背景：透明；
高度：计算（100vh-90px）；
-webkit变换样式：保留-3d；
-webkit背面可见性：隐藏；
}
.下一步：悬停{
背景：rgba（0,0,0,0）；
}
.下一步：活动{
背景：rgba（0,0,0,0）；
-webkit背面可见性：隐藏；
}
.包含img{
对象匹配：包含；
背景：rgba（0,0,0,0）；
}
}
@仅介质屏幕和（最大高度：520像素）{
身体{
}
.slideshow容器{
最大高度：计算（100vh-0px）；
高度：计算（100vh-120px）；
边际：0px；
线高：0%；
}
迈斯利德斯先生{
最大高度：计算（100vh-0px）；
高度：计算（100vh-0px）；
线高：0%；
溢出x：隐藏；
}
第img节{
宽度：calc（100vw-20px）；
高度：计算（100vh-20px）；
利润率：10px；
}
.下一个{
边界半径：0；
顶部：0px；
位置：绝对位置；
宽度：100vw；
背景：rgba（0,0,0,0）；
高度：计算（100vh-0px）；
}
.下一步：悬停{
背景：rgba（0,0,0,0）；
}
.下一步：活动{
}
}

❮

我认为您没有定义的“classname”在

dots[I]中。classname=dots[I]。classname.replace（“active”和“”）
是！我试过玩那个！有没有关于如何解决的建议？我想不出来。用
const yourvariablenamegoesher=yourvariablesvaluesgoesher定义任何变量，但我不知道