如何使用jquery keydown函数分别滚动两个列表？

Question

如何使用jquery keydown函数分别滚动两个列表？

          $(document.keydown(function(e1)
        {
            // ul list B - insert data

           if(e.which == leftArrowKey1)
           {
                   // scroll left

           }else if(e.which == rightArrowKey1 || e.which == spacebarKey1)

                  // scroll right                                               
           }
       });

       $(document.keydown(function(e2)
      {
              // ul list B - insert data

           if(e2.which == leftArrowKey2)
           {
              // scroll left

           }else if(e2.which == rightArrowKey2 || e2.which == spacebarKey2)

              // scroll right                     
           }
     });

加载文档后，我可以滚动列表B或A，但不能同时滚动文档的相同加载。换句话说，如果我第一次滚动列表A，我就无法滚动列表B.我只能在点击重新加载按钮后滚动列表B.

Answer 1

div中的列表或某些父元素是？ 如果是这样，只需将keydown事件放在父元素上而不是document。

$('.list').keydown(function(e) {    // for each list trap the keydown event
    var list = $(this);             // store the active list object
    if (e.which == leftArrowKey) {  
          e.PreventDefault();
          // scroll the list element left
    } else if(e.which == rightArrowKey || e.which == spacebarKey)
          e.PreventDefault();
          // scroll the list element right
    }
});