jquery keydown関数を使用して2つのリストを別々にスクロールする方法はありますか？

Question

jquery keydown関数を使用して2つのリストを別々にスクロールする方法はありますか？ドキュメントの読み込み時に

  $(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または親要素ですか。 ​​イベントを親要素の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 
    } 
});