Javascript 在浏览器中避免Div上的选项卡

我有JQuery滑入滑出div，它在单击按钮时滑入滑出

问题# 当我在broswer中打开它，并开始按TAB键时，当选择到达该div的选项（哪些幻灯片）时，幻灯片div就会出来（不用点击按钮就可以看到）

是否有任何方法可以避免幻灯片分区选择制表符

---

选中此处

在

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

var $marginLefty = $('#slidemarginleft div.inner');
$marginLefty.css({
  marginLeft: $marginLefty.outerWidth() + 'px',
  display: 'none'
});

$('#slidemarginleft .button').click(function() {
  $marginLefty.css('display', 'block').animate({
    marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
    $marginLefty.outerWidth() : 0
  });
});

将链接上的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');
     }
  });
});

我们能看看你的密码吗？你也可以尝试隐藏屏幕外的元素，这样它们就不会获得焦点。请检查这里