Question

我似乎没有找到对此的控件，例如使用显示模式，我可以在其中给出数据显示的任何元素。我想要实现的是在没有自动播放的情况下加载页面，然后在按钮上设置轨道播放。到目前为止，我试图使用data-autoplay = true / false和data-timer-delay =非常高/ 2000

来欺骗它

$('#startOrbit').click(function(){

    $('.orbit').attr('data-timer-delay',2000);
  });

所以attr进入但是轨道没有开始...... 我可以使用哪些选项组合？感谢

Answer 1

我创建了一个带有轨道样本滑块的codepen示例（link）以及您想要实现的功能。

$(document).ready(function() {
    var elem = new Foundation.Orbit($('.orbit'), {'autoPlay': false});

    $('#startOrbit').on('click', function() {
        elem.options.autoPlay = true;
        elem.options.timerDelay = 2000;
        $('.orbit').foundation('geoSync');
    });
});

首先，我将自动播放选项设置为false初始化轨道滑块。然后我在按钮元素上附加一个带有#startOrbit id的click事件监听器，更改这两个选项，最后调用geoSync方法在轨道上设置一个计时器对象并启动下一张幻灯片的计数器。

基础6轨道开始自动播放元素点击

1 个答案: