jquery - Reveal.js 左右箭头应该导航宽度键盘并将 ID 保持在它旁边

Question

我的演示显示导航箭头在点击时正确导航，但也使用（键盘）光标。

• LEFT 和 RIGHT 需要在其旁边有部分 ID 的名称！
• 作品点击箭头
• 不能用键盘(e.keyCode == 37)(e.keyCode == 39)

Reveal.js

• 另外我想在左右箭头上附加 ID。

  $('.navigate-right').html('<h3> '+ $(this).text(prevId) +' </h3>');

http://jsfiddle.net/3fJqZ/100/

Answer 1

您可以使用该slidechanged事件来获取您要查找的内容：

Reveal.addEventListener( 'slidechanged', function( event ) {
    var currentSection = $('section.present');
    var nextId = currentSection.next('section').attr('id');

    $('.navigate-left').text($(event.previousSlide).attr('id'));

    $('.navigate-right').text(nextId);
} );

在这里工作 Plunkr：http: //jsfiddle.net/3fJqZ/109/