小编tjh*_*tjh的帖子

将键盘绑定到左/右导航

我是一名摄影师,有一个网站,我无法编辑'模板'结构,但可以上传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.

任何想法将不胜感激!

javascript navigation keyboard jquery bind

5
推荐指数
1
解决办法
2849
查看次数

标签 统计

bind ×1

javascript ×1

jquery ×1

keyboard ×1

navigation ×1