0

JavaScriptを使用してTumblrテーマの矢印キーナビゲーションをどのように作成しますか？

leftTumblrテーマのユーザーがおよびright矢印キーを使用してページをナビゲートできるようにするJavaScriptを作成しようとしています。

私はなんとか基本的な概念を機能させることができました：

document.onkeydown = function(event) {
    event = event || window.event;
    var key = event.keyCode;
    var currentPage = {CurrentPage};
    // left arrow key
    if (key == 37) {
        var previousPage = currentPage - 1;
        window.location.href = "/page/" + previousPage;
    }
    // right arrow key
    if (key == 39) {
        var nextPage = currentPage + 1;
        window.location.href = "/page/" + nextPage;
    }
};

これは、ユーザーが最後のページを超えて移動できるという問題に遭遇し、パーマリンクページで作業する可能性があります（正確にはわかりません）。{PreviousPage}ただし、URLに変数と変数を使用する方がはるかに簡単ですが{NextPage}、何らかの理由でJavaScriptで機能させることができません。接頭辞としてJS（つまり{JSPreviousPage}、{JSNextPage}）を付けても、HTMLで変数が正常に機能しているにもかかわらず、何も解決されません。

4

1 に答える 1

2

次と前のIDをページネーションアンカーリンクに追加します。次に、これを試してください：

$(document).keydown(function(e) {
var url = false;
    // Left arrow key code
    if (e.which == 37) {  
        url = $('#prev').attr('href');
    }
    // Right arrow key code
    else if (e.which == 39) {  
        url = $('#next').attr('href');
    }

    if (url) {
        window.location = url;
  }

}）;

于 2013-03-25T23:15:12.357 に答える