javascript - キー押下時に jCarouselLite をトリガーする

Question

jCarouselLiteを使用して、 Panic の Coda サイトで使用されているタブ付きナビゲーションに似たナビゲーション要素を作成していますが、キーを押すと左右のスクロールをトリガーしたいと考えています。jCarouselLite コードを変更せずにこれを行うことはできますか? ありがとう！

Answer 1

.prevデフォルト設定を使用すると、ボタンにはクラスが含まれている.nextので、クリックをトリガーしてみませんか?

function myFunction() {
  $(".prev").trigger("click");
}

オプションでボタンに独自のクラスまたは ID を渡す場合は、代わりにそれらにバインドします。

この例は、左右のキーボード キーを押すと実行されます。

$(document).keyup(function(e) {
  var code = (e.keyCode ? e.keyCode : e.which);

  switch(code) {
    case 37: $(".prev").trigger("click"); break; // left
    case 39: $(".next").trigger("click"); break; // right
  }
});