将键盘绑定到左/右导航 [英] Bind Keyboard to left/right navigation

问题描述

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

I am a photographer and have a website where I am unable to edit the 'template' structure but can upload javascript/css etc.

我想接下来绑定/ prev键盘右/左导航。

I want to bind next/prev navigation to keyboard right/left.

链接结构为：

<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>

我提到 this 并设法创建它。

I referred to this and managed to create this.

$(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; }});});

这是我被困的地方。它不起作用，因为它假定我正在引用一个href标签但引用包含它的li。

This is where I am stuck. It does not work because it assumes the I am refereing to a href tag but am refering to the li that contains it.

任何想法都会非常感激！

Any ideas would be much appreciated!

推荐答案

window.location = $('li.next a').attr('href');

这篇关于将键盘绑定到左/右导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！