javascript - 向 "li id"元素添加左右箭头导航

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>

我想让左箭头键在按下时导航到上一个项目，右箭头键在按下时导航到下一个项目。

谁能告诉我该怎么做？

谢谢!

Answer 1

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