將左右箭頭導航添加到「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> 

我想壓制和right arrow鍵導航到下一個項目時，按下時，使left 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(); 
     } 
    }); 
});