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/