jqueryで現在のアンカーを同じページに選択する

Question

現在のアンカーを選択して1ページのサイトの各セクションに表示する方法はありますか？たとえば、すべてのマイページ（自宅/連絡先/ショップなど）は、水平方向にスクロールするレイアウトで1ページにあります。アンカーを選択すると、現在のアンカーがハイライト表示されますが、アンカーがページの次のセクションにスクロールされたときに強調表示されません。代わりに強調表示され、スクロールが始まるとアンカーのハイライトが消えます。ここで私が使用していますコードは次のとおりです。

$('#nav a').click(function() { 
alert($(this).attr('href')); 
}); 

私はそれを行うにはjqueryのUIを使用する方法について考えていたが、それは少し多すぎるだけで、この操作を行っているようです。同じページの項目の現在のアンカーを強調表示しますが、強調表示されている別のセクションにスクロールすると強調表示されます。思考？事前に

おかげで

Answer 1

は、私はあなたがアンカーをクリックしたときに起こるフォーカスのデフォルトのオーバーレイについて話していると思いますか？

どう代わりに、現在アクティブなセクションにクラスを追加する方法について：

$("#nav a").click(function() { 
    var self = $(this), className = "active"; 
    self.addClass(className).siblings("."+className).removeClass(className); 
    ... 
}); 

あなたはまた、それが関連している可能性があるためthis answerをチェックすることをお勧めします。この回答が役に立たなかった場合は、問題の詳細を説明するために、jsFiddleにテストケースを作成することをお勧めします。

Answer 2

このようにしますか？

JS：

$('#nav a').click(function(){ 
    $('#nav a').removeClass('highlighted'); 
    $(this).addClass('highlighted'); 
}); 

CSS：

.highlighted { 
    background: #ffffeo; 
}