Question

我有JQuery幻灯片输入输出div，点击按钮时滑入输出

问题＃ 当我在broswer中打开它并开始按TAB时，当选择到达该div的选项（滑动）时，幻灯片div出来（在不点击按钮的情况下变得可见）。

有什么方法可以让幻灯片div避免TAB选择..

检查此处http://global.redhatsalesteam.com/slide_test/

Answer 1

从display: none;处的动画div显示开始 - 这意味着它内部的链接无法从“标签”获得焦点 - 然后点击（在函数中）将其更改为{{1就在开始幻灯片动画之前

display: block

Answer 2

将链接上的tabindex设置为-1。应该将它们从Tab键顺序中取出。如果您希望在打开菜单时可以将它们设置为可选项，则可以在完整的回调中将它们设置为合理的。

这样的事情应该这样做：

$('#slidemarginleft .button').click(function() {
  $marginLefty.animate({
    marginLefty: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
    $marginLefty.outerWidth() : 0
  },
  function(){
     var counter = 1;
     if($marginLeft.is(':visible'){ 
         $marginLefty.find('a').each(function(){
             $(this).attr('tabindex', counter);
             counter++;
         });
     }
     else{
          $marginLefty.find('a').attr('tabindex', '-1');
     }
  });
});

在浏览器中避免使用Div上的TAB

2 个答案: