将键盘绑定到左/右导航

tjh*_*tjh 5 javascript navigation keyboard jquery bind

我是一名摄影师,有一个网站,我无法编辑'模板'结构,但可以上传javascript/css等.

我想将next/prev导航绑定到键盘右/左.

链接的结构是:

<div class="image_navigation">
      <h4>Image Navigation</h4>
      <ul>
        <li class="index"><a href="LINKURL">Index</a></li>
        <li class="previous"><a href="LINKURL">Previous</a></li>
        <li class="next"><a href="LINKURL">Next</a></li>
      </ul>
    </div>
Run Code Online (Sandbox Code Playgroud)

我提到了这个,并设法创建了这个.

$(function() {$(document).keyup(function(e) {
switch(e.keyCode) { case 37 : window.location = $('li.prev').attr('href'); break;
    case 39 : window.location = $('li.next').attr('href'); break; }});});
Run Code Online (Sandbox Code Playgroud)

这是我被困的地方.它不起作用,因为它假设我正在引用一个href标记但是引用包含它的li.

任何想法将不胜感激!

Ale*_*tau 6

window.location = $('li.next a').attr('href');
Run Code Online (Sandbox Code Playgroud)