jquery - 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

是的，虽然它的工作原理有点奇怪（我在jQueryfocus文档上找到了这个，并且没有声称理解它为什么工作）：

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

演示在：jsbin