jquery - jQuery - ページの読み込み時にナビゲーション フォーカスを特定のリンクに移動する

Question

ページが読み込まれるとすぐに、フォーカスを特定のリンクにジャンプさせたいので、Enter キーを押すとそのリンクが「クリック」されます。

私はもう試した

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

運が悪かったのですが、.focus() の使用法を誤解している可能性があると思います。

アドバイスをいただければ幸いです。

:s

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