我试图在要添加到网站的滑块上获得可访问性。基本上，我想做的是，当您单击（按Enter）第一张幻灯片时，您将焦点放在第二张幻灯片元素上，因此可以继续在页面中进行切换。我正在使用jquery和cycle插件。
问题是：当您单击第一个元素时，js仍然在display：none中考虑第二个元素，因此无法到达它。知道我该怎么做吗？我认为这应该足够简单，但是我尝试了几种可能，但没有成功。
这是我的jsfiddle：http : //jsfiddle.net/toplefty/nk4bgsfx/和我尝试过的内容：
$('#s1').cycle({
fx: 'slideY',
speed: 300,
next: '#s1',
timeout: 0
});
$('#Goto2').on('click', function() {
$(this).parents('#s1').find('#Goto1').focus();
});
该after属性采用在转换发生后执行的功能。
从文档中after：
//过渡回调（范围设置为显示的元素）：function（currSlideElement，nextSlideElement，options，forwardFlag）
因此，您可以在其中设置焦点。http://jsfiddle.net/gy8p5ewv/1/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句