Question

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

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

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

谢谢

Answer 1

猫头鹰有一个事件，你可以参与＆＃34;改变＆＃34;事件。 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
    });
})

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

1 个答案: