打开基础分隔缝模式时，将焦点设置在平滑幻灯片上
打开基础分隔缝模式时，将焦点设置在平滑幻灯片上
提问于 2018-02-24 17:17:29
灵活的左右键绑定只有在焦点位于幻灯片上时才有效。当显示模式打开时，焦点不在幻灯片上，因此键绑定将不起作用。我正在寻找一种方法，要么设置正确的焦点，要么设置更多的全局快捷键，但请记住，在一个页面上可能有不止一个图库。任何建议都将不胜感激。
$('.galleryGroup').each(function(){
if (typeof $(this).data('gallery') !== 'undefined'){
var id = $(this).data('gallery');
// Open reveal on click
$('.galleriesImage'+id).click(function(){
// Open Reveal Modal
$('#galleriesReveal'+id).foundation('open');
// Cancel Any previously created reveals
$(window).on('closed.zf.reveal',function(){ $('#slides'+id).slick('unslick'); });
// Set the inital slide
if (typeof jQuery(this).data('ref') !== 'undefined'){ var iid=jQuery(this).data('ref'); }else{var iid=0;}
// Initiate slideshow
$('#slides'+id).slick({infinite: true,dots: false,lazyLoad: 'ondemand',autoplay: false,initialSlide: iid});
// Set focus on the slideshow
$('something').focus();
}).css('cursor','pointer');
}
});回答 1
Stack Overflow用户
回答已采纳
发布于 2018-02-25 22:12:18
使用slick时，它仅在其中一个按钮(上一个/下一个)被聚焦或其中一个幻灯片时才起作用。当您聚焦整个幻灯片时，它不起作用
$(document).ready(function(){
$(document).foundation();
$('.galleryGroup').each(function(){
if (typeof $(this).data('gallery') !== 'undefined'){
var id = $(this).data('gallery');
// Open reveal on click
$('.galleriesImage'+id).click(function(){
// Open Reveal Modal
$('#galleriesReveal'+id).foundation('open');
// Cancel Any previously created reveals
$(window).on('closed.zf.reveal',function(){ $('#slides'+id).slick('unslick'); });
// Set the inital slide
if (typeof jQuery(this).data('ref') !== 'undefined'){ var iid=jQuery(this).data('ref'); }else{var iid=0;}
// Initiate slideshow
$('#slides'+id).slick({infinite: true,dots: false,lazyLoad: 'ondemand',autoplay: false,initialSlide: iid});
// Set focus on the first slide
//setTimeout(function() {
$('#slides'+id+' .slick-slide').eq(0).focus()
//}, 0);
}).css('cursor','pointer');
}
});
});一般来说，有许多部分可以使用基础站点API和代码中更好的逻辑来简化。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48961228
复制相关文章
相似问题
腾讯云开发者
