将左右箭头导航添加到＆＃34; li id＆＃34;元件

Question

我正在使用Omeka CMS构建数字图像集。在我的一个页面上，我有代码：

 <ul class="item-pagination navigation">
    <li id="previous-item" class="previous"><?php echo link_to_previous_item_show(); ?></li>
    <li id="next-item" class="next"><?php echo link_to_next_item_show(); ?></li>
 </ul>

我想在按下时left arrow键导航到上一个项目，按right arrow键会导航到下一个项目。

谁能告诉我怎么做？

谢谢！

Answer 1

小提琴：http://jsfiddle.net/dxgL6rdo/

$(document).ready(function() {
    $(document.body).keyup(function(event) {
        if (event.which === 37) {
            $('#previous-item').click();
        } else if (event.which === 39) {
            $('#next-item').click();
        }
    });
});