每次滑块更改时如何运行脚本答案

【问题标题】：How to run a script every time a slider changes每次滑块更改时如何运行脚本
【发布时间】：2014-07-28 14:48:07
【问题描述】：

我目前有一个Owl carousel 设置，我的目的是在每张幻灯片中显示我正在处理的网站的统计信息；客户数量，项目数量等。统计数据将通过计数器显示jquery plugin，它将以设定的速度计数到设定的数量。

然而，一旦页面加载，第一张幻灯片上的第一个计数器似乎会根据需要计数，但同时，其他幻灯片中的所有计数器也正在加载，所以当下一张幻灯片出现时，剩下的只是一个静态数字，而不是一个动画计数器。

我想知道是否有办法在每次选择新幻灯片时触发计数器脚本。

谢谢

【问题讨论】：

标签： javascript slider

【解决方案1】：

Owl 有一个事件，您可以将其挂接到“更改”事件。 API Docs

var owl = $('.owl-carousel');
owl.owlCarousel();
// Listen to owl events:
owl.on('changed.owl.carousel', function(event) {
    $('span').counterUp({
        delay: 10, // the delay time in ms
        time: 1000 // the speed time in ms
    });
})

【讨论】：