jquery - hrefでアンカータグをクリックしながら別の要素にフォーカスを設定する方法

Question

誰かがリンクをクリックしたときに親 div にフォーカスを設定したいのですが、どうすればよいですか

<li class="active">
    <a href="#about">Link to the parent div</a>
</li>

<div id="#parent">
    <div id="about">dummy data</div>
    <div id="news">dummy data</div>
</div>

http://jsfiddle.net/bipin000/PGzwc/

Answer 1

を使用するだけdocument.getElementById('parent').focus()です。更新された jsFiddleを参照してください。

しかし、div がフォーカスされるとどうなるでしょうか? Div は、フォーカスされても何も変更しません!

編集:クリックしたときにドキュメントを一番上までスクロールし
たい場合は、これが必要です:もう一度更新された jsFiddleを参照してください。<a>parentdocument.body.scrollTo(0, document.getElementById('parent').offsetTop); return false;

しかし、それがあなたの望むものではない場合は、そう言ってください!

Answer 2

アニメーション化された jQuery ソリューション:

http://jsfiddle.net/PGzwc/5/

$('a').click( function(e) {
    e.preventDefault();       
    $('body').animate( { scrollTop: $('#parent').offset().top }, 'slow');
});​

変えるだけ

<a href="#about">Home</a>  
          to 
<a href="#parent">Home</a> 

この#タグは、ブラウザに要素を検索しidてページの上部に表示するように指示します。