0

私は自分のサイトでCamerajQueryスライドショーを使用していますが、必要なキーボードで制御することができません。彼らのグーグルグループで誰かが機能する前/次のコマンドを投稿しました、しかし私はまだ機能するために一時停止/再開キーボードボタンが必要です（私の場合私はスペースバーを使用しています）。.camera_playもスペースバーで制御するには、何を入力する必要がありますか？それも可能ですか？

問題に関連するコードは次のとおりです。

  $(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();
4

2 に答える 2

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();
   }
});
于 2012-11-02T14:22:47.727 に答える
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();
        }
    }
}
于 2012-11-02T14:26:08.450 に答える