JQuery的...焦點及限位鍵盤導航標籤區域

我在我的項目之一使用的jqGrid（JFiddle LINK）變化懸停狀態。並希望JQuery的...焦點及限位鍵盤導航標籤區域

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.）當在添加模式上的字段之間的用戶選項卡，將有可能保持對模態的關注。例如，當按Tab鍵，焦點只在控件之間循環的模式本身

3）我遇到與尋呼機一個奇怪的問題不居中，並不能確定修復是什麼。我看到的106px的屬性被添加到這是造成它，它的腸道生成的值pager_left TD，所以我不知道如何重寫/禁用

FIX：#pager_left{width:30%!important;}

難道有可能實現這一點嗎？

謝謝

來源

2011-12-23 Rohan Büchner

首先：

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

我試圖把它添加到小提琴，但我認爲模態對話框動態寫入DOM，所以以後應該發生的結合它被放置。我不知道如何整合這一點。抱歉。

對於第二個部分，可以完成，但是當您將樣本提供給JSDFiddle或更好的時候，它會更容易。 - >現在看，我不知道。我相信一個JS jQuery Guru很好，但這對我來說太過分了。再次抱歉。

三：一些好消息，不知道原因，但：#pager_left{width:150px!important;}的伎倆。

很抱歉我不能幫助更多。

來源

2011-12-23 08:56:18

完成！ Jfiddle示例添加。 – 2011-12-23 10:59:39

再次感謝你，CSS提示做了訣竅，我會與其他兩個答案一起玩。希望當我在這裏完成時，我會成爲一個jQuery（新手）大師：P – 2012-01-03 10:45:50

使用jQuery來檢查是否有模態領域已經擁有焦點。如果他們這樣做，觸發keyup()上的功能，檢查是否按下了標籤按鈕（其鍵碼是9）。

使用此選項卡索引限制到表單中。

來源

2011-12-23 08:56:43 Purag

有可能得到一個例子，我對jQuery很新，並且不太確定如何嘗試你的解決方案。。 – 2011-12-23 12:32:01

JQuery的...焦點及限位鍵盤導航標籤區域

回答

相關問題