Javascript 响应转盘大小到多少个单元格

我是JS的初学者，我制作了一个旋转木马，它通过每次点击移动边距和计算点击次数来工作，一旦用户点击到最后，就会重置回开始位置。这一切的工作方式，我想它无论如何

这个旋转木马的问题是，对于大型和小型设备分辨率，需要手动输入点击次数（基本上是容器中的

）

有没有更好的方法使转盘中有多少个单元格都不重要

var subButton=“#subButton”；
var addButton=“#addButton”；
var caro=“#caro”；
var=0；
如果（屏幕宽度>800）{
$（添加按钮）。单击（函数（）{
$（caro）。设置动画({
“左边距”：“-=180px”
}, {
持续时间：400
});
点击次数+=1；
如果（单击>3）{
$（caro）。设置动画({
“左边距”：“0px”
}, {
持续时间：400
});
点击次数=0；
};
});
}否则{
$（添加按钮）。单击（函数（）{
$（caro）。设置动画({
“左边距”：“-=180px”
}, {
持续时间：400
});
点击次数+=1；
如果（单击>7）{
$（caro）。设置动画({
“左边距”：“0px”
}, {
持续时间：400
});
点击次数=0；
};
});
}
$（子按钮）。单击（函数（）{
$（caro）。设置动画({
“左边距”：“0px”
}, {
持续时间：400
});
点击次数=0；
});
.containercarousel{
宽度：计算（100%-90px）；
位置：相对位置；
溢出：隐藏；
利润率：0.0px 0.30px；
填充：0 15px 0；
}
.包装转盘{
宽度：100%；
最大宽度：1090px；
保证金：0自动；
}
卡罗先生{
宽度：150px；
背景色：#FFF；
利润率：15px 0 15px 30px；
浮动：左；
}
.css旋转木马{
宽度：2400%；
}


a



b



c



d



e



f



g



h


jquery的
.length
属性将提供选择器返回的元素数

例如：

$("div#caro .caro").length; // 8

我建议您避免对
id
和
类使用相同的名称。这并不是禁止的，但如果这是一个你计划在未来维护或建设的项目，它很可能会在以后的某个时候让你感到困惑
 我回答你的问题了吗？