[英]Foundation 6 Orbit: Change Slide programatically
在基金会6。
我有一个轨道滑块,除了默认行为外,还需要能够在单击外部按钮时更改滑块。
有没有办法使这项工作?
我已经试过这段代码:
jQuery('#theslider').foundation('changeSlide', true, slide_id);
//slide_id is the jQuery object's slide ex: jQuery(#slideid);
这是可行的,但是却不稳定。
有时它可以工作一会儿,但是到了某个时候,幻灯片会快速移动并从屏幕上消失,或者只是冻结。
我似乎找不到正在发生的事情的模式。
我不是javascript方面的专家,所以我可能缺少一些非常明显的东西。
我的解决方案如下:
$('.orbit-external-control').on('click', function () {
var activeIdx = ~~$('.orbit .orbit-bullets .is-active').data('slide')
var changeIdx = ~~$(this).data('slide')
var isLTR = (changeIdx > activeIdx) ? true : false
if (activeIdx === changeIdx)
return
var chosenSlide = $('.orbit .orbit-slide').filter(function (index) {
return index === changeIdx
})
$('.orbit').foundation('changeSlide', isLTR, chosenSlide, changeIdx)
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.