jQuery - 将导航焦点拉到页面加载的特定链接

Question

一旦页面加载，我希望焦点跳转到特定链接，因此按下Enter将“点击”它。

我试过

$('ul li a:first').focus();

没有运气，但我想我可能误解了.focus（）的用法。

任何建议表示赞赏！

：■

Answer 1

您的代码几乎是正确的。你只是想念$(document).ready.

要修复，请使用：

$(document).ready(function(){
   $('ul li a:first').focus();
});

请参阅jsfiddle中的示例。

问题是当调用jquery时页面还没有该链接。 使用$(document).ready.时，只有在页面完成时才调用jquery。

Answer 2

是的，虽然它的工作原理有点奇怪（我在jQuery focus文档上发现了这一点，并且没有声称理解为什么它有效）：

$(document).ready(
  function() {
    $("a:first").attr("tabindex",'-1').focus();
  }
  );

演示于：jsbin