Javascript 当我使用jqueryslider取消隐藏图像时，如果滑动条移动得太快，它就不起作用了

我有一个jquery滑块，我用它来取消隐藏图像列表。 我的代码概要如下

我有一个使用css“display:none”隐藏的图像列表

每个图像都有一个id，其中包含一个与此模式匹配的数字：

#cloud-10

#cloud-20

#cloud-30 ... etc

我正在使用JQuery slider，当我移动滑块时，它会触发一个递增的计数器，该计数器用于JQuery代码行，如下所示：

$('#cloud-' + i).css( {'display':'block'}  );

好消息是，当你移动滑块非常慢，它的工作。问题是，当您将滑块尽可能快地向右移动时，它不起作用

我怎样才能解决这个问题

下面是一个完整的代码：

滑块的滑动功能不会针对每个值触发。它只触发所有X毫秒。所以你的方法行不通。 您可以做的是：您可以显示所有div，其中数字等于或小于滑块值

$('[id^="cloud"]').each(function(){
    var index = parseInt(this.id.replace('cloud-', ''));
    if(index <= ui.value)
         $(this).show();
});

更新小提琴： 事实上，所有以“cloud”开头的ID都使这个例子失败了。你应该用另一种方式计算IMG

你应该清理你的代码

---

//编辑：为避免ID混乱，尝试将所有图像分组到一个具有特定id的分区中。然后您可以使用$'divId img:lt'+ui.value/10+

访问所有元素，降低滑块值。谢谢您的帮助，但为了更好地理解这个问题，您认为它“仅触发所有X毫秒”是什么意思？X毫秒，其中X是一个数字，我不知道它的速度与浏览器所需的速度一样快-有些事……对不起，这就是我认为你的意思是常识，但我花了一秒钟的时间才明白为什么我的代码不起作用，而你的代码却起了作用，即使这是个问题，所以我很快就键入了一条注释，直到清理了div/id，我实际上要写一个循环来动态创建所有这些东西，但我强迫它只是为了得到球滚动。告诉我它什么时候工作；并张贴工作小提琴，以便其他人可以看到工作代码