滑块不工作,控制台上没有错误-Javascript

滑块不工作,控制台上没有错误-Javascript,javascript,html,css,Javascript,Html,Css,我正在尝试用Javascript创建一个滑块,但是我似乎无法让它工作,它没有在控制台中显示任何错误,说明为什么它不工作 css中的overflow:hidden似乎隐藏了所有内容,而不是溢出的内容 从我看到的情况来看,它没有抓取li图像,尽管我不知道为什么,除非varli项目分配不起作用 代码如下: 功能幻灯片(){ ul=document.getElementById(“幻灯片”); liItems=ul.儿童; imageNumber=liItems.length; imageWidth=

我正在尝试用Javascript创建一个滑块,但是我似乎无法让它工作,它没有在控制台中显示任何错误,说明为什么它不工作

css中的
overflow:hidden
似乎隐藏了所有内容,而不是溢出的内容

从我看到的情况来看,它没有抓取
li
图像,尽管我不知道为什么,除非var
li
项目分配不起作用

代码如下:

功能幻灯片(){
ul=document.getElementById(“幻灯片”);
liItems=ul.儿童;
imageNumber=liItems.length;
imageWidth=liItems[0]。子项[0]。偏移宽度;
//将UL的宽度设置为滑块中所有图像的总宽度。
ul.style.width=parseInt(imageWidth*imageNumber)+“px”;
//左+右箭头
leftArrow=document.getElementById(“左”);
rightArrow=document.getElementById(“右”);
功能滑块(ul){
生动活泼({
延误:17,
持续时间:4000,
delta:函数(p){
返回Math.max(0,-1+2*p)},
步骤:函数(增量){
ul.style.left=“-”+parseInt(currentImage*imageWidth+delta*imageWidth)+“px”;
},
回调:函数(){
currentImage++;
//如果不是最后一个图像,请保持滑动
如果(当前图像<图像编号-1){
滑块(ul);
}
//如果是最后一个图像,请滑回第一个图像
否则{
leftPosition=(imageNumber-1)*imageWidth;
//设置秒数后,调用goback获取第一张图像
setTimeout(函数(){goBack(leftPosition)},3000);
setTimeout(函数(){slider(ul)},5000);
}
}
});
功能goBack(左位置){
currentImage=0;
id=setInterval(函数(){
如果(左位置>=0){
ul.style.left='-'+parseInt(leftPosition)+“px”;
leftPosition-=图像宽度/10;
}否则{
清除间隔(id);
}
}, 17);
}
函数动画(opts){
开始=新日期;
id=setInterval(函数(){
时间通过=新日期-开始;
进度=通过的时间/选择的持续时间
如果(进度>1){
进展=1;
}
增量=选择增量(进度);
选择步骤(增量);
如果(进度==1){
清除间隔(id);
opts.callback();
}
},选择延迟(17);
}
}
}
window.onload=滑动
#滑块{
宽度:100%;
身高:100%;
位置:相对位置;
溢出:隐藏;
}
#左{
宽度:10%;
高度:75px;
最高:50%;
左:20px;
背景色:rgba(255255,0.5);
字体大小:4vmax;
位置:绝对位置;
z指数:1;
}
#左p,#右p{
文本对齐:居中;
线高:75px;
垂直对齐:中间对齐;
颜色:#ff69b4;
}
#对{
宽度:10%;
高度:75px;
最高:50%;
右:20px;
背景色:rgba(255255,0.5);
字体大小:4vmax;
位置:绝对位置;
z指数:1;
}
#滑梯{
位置:绝对位置;
z指数:0;
}
#幻灯片李{
最大宽度:100%;
列表样式类型:无;
}
#滑动式img{
宽度:100%;
身高:75%;
}

<

>


您似乎从未调用函数
slider()
,该函数看起来应该初始化滑块。尝试在
Slide()函数的末尾添加类似于
slider(document.getElementById('slider'))
的内容。请详细说明,我已经将slider()函数嵌套在Slide()函数中,该函数在脚本末尾称为onload?当然-该函数已定义,但从未调用过。函数滑块(ul){animate({…仅定义它。谢谢,现在我在滑块()中遇到另一个要排除的错误:)