2012-11-02 3 views
0

내 사이트에 Camera jQuery slideshow을 사용하고 있지만 필요한 키보드로 제어 할 수 없습니다. 자신의 구글 그룹에서 누군가가 이전/다음 작업을 명령을 올렸지 만, 일시 중지/키보드 버튼을 다시 시작해야합니다 (제 경우에는 스페이스 바를 사용하고 있습니다). .camera_play가 스페이스 바를 제어하도록하려면 무엇을 입력해야합니까? 그게 가능한가? ,jQuery 카메라 슬라이더 키보드 컨트롤

$(document.documentElement).keyup(function (event) { 
// handle cursor keys 
if (event.keyCode == 37) {//go left 
    $('.camera_prev').click(); 
} else if (event.keyCode == 39) { //go right 
    $('.camera_next').click(); 
} else if(event.keyCode == 32) { // spacebar to stop 
    $('.camera_stop').click(); 

답변

0

카메라 플러그인의 작동 방식을 본 후, 당신은 (중지하거나 재개 할 수있는) 현재 활성화 된 액션을 클릭합니다 :visible 선택기를 사용할 수 있습니다

는 여기에 문제에 관련된 코드입니다 같은 :

$(document.documentElement).keyup(function (event) { 
    // handle cursor keys 
    if (event.keyCode == 37) {//go left 
     $('.camera_prev').click(); 
    } else if (event.keyCode == 39) { //go right 
     $('.camera_next').click(); 
    } else if(event.keyCode == 32) { // spacebar to stop 
     $('.camera_stop , .camera_play').filter(':visible').click(); 
    } 
}); 
+0

감사합니다. 완벽하게 작동합니다. 아하, 어느 시점에서 나는 그곳에서 멈추고 놀았지만, .filter (': visible')는 없었습니다. click(); . – user1666190

0

이 문서는이 표시되지 않습니다,하지만 난 코드로 파고 당신은 정지 버튼을 클릭하면, 그것은 '일시 정지'라는 메인 래퍼에 클래스를 추가하는 것 같습니다. 스페이스 바를 사용하여 일시 중지 및 시작을 모두 처리 할 수 ​​있도록 코드를 업데이트하는 방법은 다음과 같습니다.

$(document.documentElement).keyup(function (event) { 
    // handle cursor keys 
    if (event.keyCode == 37) {//go left 
     $('.camera_prev').click(); 
    } else if (event.keyCode == 39) { //go right 
     $('.camera_next').click(); 
    } else if(event.keyCode == 32) { // spacebar to stop 
     if($('.camera_wrap').hasClass('paused')){ 
      $('.camera_play').click(); 
     } 
     else{ 
      $('.camera_stop').click(); 
     } 
    } 
}