Javascript 使用按钮和jQuery代码的导航滑块在Safari或IE中不起作用

我创建了一个滑块，显示不同的内容，基本上是客户评论。我使用了一些jQuery和css来添加和删除类。单击“下一步”或“上一步”按钮时，评论将更改。这段代码可以在Chrome中使用，但不能在其他浏览器中使用。我不明白为什么会这样。请帮忙。下面我将显示与此相关的HTML、CSS和jQuery代码

var main=function（）{
“严格使用”；
$（'.arrow next'）。单击（函数（）{
var currentSlide=$（'.active slide'）；
var nextSlide=currentSlide.next（）；
var currentDot=$（'.active dot'）；
var nextDot=currentDot.next（）；
if（nextSlide.length==0）{
nextSlide=$（'.slide'）.first（）；
nextDot=$（'.dot'）.first（）；
}
currentSlide.fadeOut（600）.removeClass（'active-slide'）；
nextSlide.fadeIn（600）.addClass（'active-slide'）；
currentDot.removeClass（'active-dot'）；
nextDot.addClass（'active-dot'）；
});
$（'.arrow prev'）。单击（函数（）{
var currentSlide=$（'.active slide'）；
var prevSlide=currentSlide.prev（）；
var currentDot=$（'.active dot'）；
var prevDot=currentDot.prev（）；
如果（prevSlide.length==0）{
prevSlide=$（'.slide'）.last（）；
prevDot=$（'.dot'）.last（）；
}
currentSlide.fadeOut（600）.removeClass（'active-slide'）；
prevsiled.fadeIn（600）.addClass（'active-slide'）；
currentDot.removeClass（'active-dot'）；
prevDot.addClass（'active-dot'）；
});
};
$（文件）.ready（主）
.nav切换{
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
文字装饰：无；
文本缩进：-300px；
位置：相对位置；
溢出：隐藏；
宽度：60px；
高度：55px；
浮动：对；
}
.导航切换：之前{
颜色：#fff；/*编辑此选项可更改图标颜色*/
font:normal 28px/55px“responsivenav”/*编辑字体大小（28px）以更改图标大小*/
文本转换：无；
文本对齐：居中；
位置：绝对位置；
内容：“\2261”/*汉堡图标*/
文本缩进：0；
说：没有；
宽度：100%；
左：0；
排名：0；
}
.nav切换。激活：之前{
字体大小：24px；
内容：“\78”/*关闭图标*/
}

评论
看看其他人对Beary的看法！

这个工作室让我的生活变得更好。每周我都会为参加下一节舞蹈课而感到兴奋。我以前从未有过这么多减肥和塑形的乐趣
-简S。

多亏了贝瑞，我才从街上走到工作室里。我已经学会挑战我的愤怒，把它转化为积极的东西，而不是把它发泄到别人身上。这个工作室使我成为一个更好的人。我爱你，熊
-特里G。

这段经历帮助我清理了我的生活。我不再觉得需要用药物来度过这一天。现在我所想的就是我的新舞步，以及我如何迫不及待地想了解更多
-杰米R。

贝瑞知道如何将人们推向下一个层次。我从来没有去过一个即使在我离开后也能保持动力的地方。我向我所有的朋友强烈推荐这个舞蹈工作室。这里也是结识新朋友的好地方
-杰米L。
prev

&bull
&bull
&bull
&bull

下一步