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的...焦点及限位键盘导航标签区域

回答

相关问题