Javascript 如何捕获基础4轨道中的滑块事件?

Javascript 如何捕获基础4轨道中的滑块事件?,javascript,jquery,zurb-foundation,Javascript,Jquery,Zurb Foundation,我希望我的页面在滑块中的每个幻灯片中更改一些元素。在桌面版本中,我通过将函数附加到单击事件来实现这一点,如下所示: $(".orbit-next").on("click", nextChange); $(".orbit-prev").on("click", prevChange); 但这在触摸幻灯片版本中不起作用:( 有人知道如何实现这一点吗?我找不到任何与触摸屏相关的事件,也找不到任何可调用的函数。请查看“foundation.orbit.js”,您可以看到它使用的事件 'orbit:aft

我希望我的页面在滑块中的每个幻灯片中更改一些元素。在桌面版本中,我通过将函数附加到单击事件来实现这一点,如下所示:

$(".orbit-next").on("click", nextChange);
$(".orbit-prev").on("click", prevChange);
但这在触摸幻灯片版本中不起作用:(
有人知道如何实现这一点吗?我找不到任何与触摸屏相关的事件,也找不到任何可调用的函数。

请查看“foundation.orbit.js”,您可以看到它使用的事件

'orbit:after-slide-change.fndtn.orbit'
'orbit:next-slide.fndtn.orbit click.fndtn.orbit'
'orbit:prev-slide.fndtn.orbit click.fndtn.orbit'
'orbit:toggle-play-pause.fndtn.orbit click.fndtn.orbit touchstart.fndtn.orbit' 
'touchstart.fndtn.orbit'
'touchmove.fndtn.orbit'
'touchend.fndtn.orbit'
您可以在orbit使用的元素上使用jQuery来听这些

$("[data-orbit]").bind('orbit:after-slide-change.fndtn.orbit', function(event){
      console.log('slide change', event);
      //alert('slide change', event);

      //do clever stuff
    });
“after slide change.fndtn.orbit”可能是最有用的,因为它可以在所有设备上使用(我在Chrome和iPad上测试过)


希望这能有所帮助。

我必须在幻灯片更改后的
之前删除
orbit:
。fndtn.orbit
以使其正常工作。可能是新语法:。