JQuery ...フォーカスのホバー状態を変更し、キーボードナビゲーションタブエリアを制限します

Question

私のプロジェクト（JFiddle LINK）の1つでJQgridを使用しています。

1.）保存&ユーザーがタブをクリックしたときにハイライトするキャンセルボタン（マウスオーバー時と同じ）。このpost見つかりましたが、

FIXワーキングように見えることはできません：以下saratisが提供する回答に基づいて

<table id="theGrid" class="scroll"> 
    </table> 
    <div id="pager" class="scroll" style="text-align: center;"> 
    </div> 

後は、追加

<script type="text/javascript"> 
     $(document).delegate('a', 'focus', function (event) { 
      $(this).removeClass('ui-state-hover'); //Remove previous hightlights 
      $(this).addClass('ui-state-hover'); 
     }); 

     $(document).delegate('a', 'focusout', function (event) { 
      $(this).removeClass('ui-state-hover'); //Remove previous hightlights 
     }); 
    </script> 

2.）追加モーダル上のフィールド間のユーザタブは、モーダルに焦点を当てることが可能です。例えば、タブでは、フォーカスはモーダル自体のコントロール間をループするだけです。

3.ページャが中央に配置されていないという不思議な問題が発生しています。 #pager_left{width:30%!important;}

がそれになります。それは

FIX無効に/私はそのA生成された値を腸、106pxの属性は、それを引き起こしているpager_left TDに追加されていることがわかり、私は上書きするかどうかはわかりませんこれを達成することは可能でしょうか？

は

Answer 1

まずありがとう：

$('.yourInput').bind("mouseenter focus mouseleave", 
     function(event) { 
      $('.highlight').removeClass('highlight'); //Remove previous hightlights 
      $(this).addClass('highlight'); 
}); 

私はフィドルにこれを追加しようとしましたが、私は、モーダルダイアログがDOMに動的に書かれていると思うので、後に発生する必要がありバインディングそれが置かれている。私はそれをどのように統合するのか分かりません。ごめんなさい。

第2の部分は、行うことができますが、JSDFiddleとしてサンプルをポウドしたほうが簡単です。 - それを見て、私は知らないだろう。私はJS jQuery Guruがそれをしていると確信していますが、これは私にとってはあまりにも大変です。再び申し訳ありません。第三に

： いくつかの良いニュースは、原因を知らない：#pager_left{width:150px!important;}は、トリックを行います。

申し訳ありませんもっと助けませんでした。

Answer 2

jQueryを使用して、どのモーダルフィールドにもすでにフォーカスがあるかどうかを確認します。そうであれば、keyup()の機能を起動し、タブボタンが押されたかどうか（キーコードは9）を確認します。

これを使用して、フォームへのタブのインデックス付けを制限します。