矢印html/jqueryのキーナビゲーションの問題

Question

私は画像の間を移動する矢印キー（上、右、上、下）を使用して画像の3X4行列を持つアプリケーションを持っています。 iamgeが1秒間焦点を合わせると、特定の画像がズームインされます。フォーカスが次のセル画像のズームアウトに移動するとき。最初はフォーカスが最初のセルになります。

私は最初のセルから移動する矢印キーを使用してナビゲーションモジュール（私は最初のテーブルの最初のセルに焦点を当てていたように）を持っていますが動作していません。最初に私はタブを使用する必要がありますその後、私は矢印キーを使用して移動することができます

2）たとえば、1秒のfirstimageズームする必要がありますどこにフォーカスを移動していない場合は、私の場合は起こっていない。

3）たとえば、最初のセルに、私が押した場合（私のアプリケーションに従って）、ジャンプする画像がないので、同じセルに残る必要があります。私のアプリケーションではフォーカスが外れています。もう一度私はfocus.hを取得するためにページをリロードする必要がありますか？

私はこの問題を解決するのに役立つかもしれません。私が同封したデモを見てください。私は$(document).ready(function() { // your code here });機能へのjQueryを必要とするすべてのコードを統合することをお勧め事前に

おかげ

demo

Answer 1

。これにより、依存関係の問題がなくなります。また、準備完了機能の最初の部分では、アプリ全体で使用される可能性のある変数を宣言することを検討する必要があります。あなたのコードhereの実例があります。お役に立てれば。

編集：発生しているアップキーの問題を解決するためにjsfiddleを更新しました。 upkeyイベントのコードを見てください。