Javascript jQuery转盘下一个/上一个按钮

这是我的建议

我正在使用旋转木马，我想让下一个/上一个按钮正常工作

我尝试添加以下代码，但它没有正确更新索引。任何帮助都将不胜感激

$($btnNext).click(function (event) {
     updateSlides(index + 1);
     event.preventDefault();
 }
 $($btnPrev).click(function (event) {
     updateSlides(index - 1);
     event.preventDefault();
 }

---

调用这些按钮上的

单击

事件时，该

索引

变量未定义。计算索引有几种不同的方法，我在小提琴中使用的方法是在

滑块上设置
属性
，然后在
单击事件上检查它：

 function updateSlides(index, paused) {
     $($slider).attr('data-index', index);
     ...
 }

 $($btnNext).click(function (event) {
     var index = parseInt($('.slider').attr('data-index'));
     if(index > $('.slider .content li').length) {
         index = 0;
     }
     console.log('#next', index);
     updateSlides(index + 1);
     event.preventDefault();
 });

 $($btnPrev).click(function (event) {
     var index = parseInt($('.slider').attr('data-index'));
     if(index < 0) {
         index = 0;
     }
     console.log('#previous', index);
     updateSlides(index - 1);
     event.preventDefault();
 });

函数更新滑动（索引，暂停）{
$（$slider）.attr（'data-index'，index）；
...
}
$（$btnNext）。单击（函数（事件）{
var index=parseInt（$（'.slider'）.attr（'data-index'））；
如果（索引>$（'.slider.content li'）.length）{
指数=0；
}
console.log（'next'，索引）；
更新滑块（索引+1）；
event.preventDefault（）；
});
$（$btnPrev）。单击（函数（事件）{
var index=parseInt（$（'.slider'）.attr（'data-index'））；
如果（指数<0）{
指数=0；
}
console.log（'#previous'，index）；
更新幻灯片（索引-1）；
event.preventDefault（）；
});

在这里查看更新的小提琴：
我知道你做了什么。非常感谢。