1

朝、

同様のものが見つからないため、Googleに間違った質問をしているに違いありません。

標準のナビゲーション リストがありますが、単一の Web ページが必要だったので、ページ ジャンプを使用しています。

<ul>
<li><a href="#livestream">Livestream</a></li>
<li><a href="#media">Media</a></li>
<li><a href="#crew">Crew</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>

しかし、ページジャンプを使用するときにclass="current" を作成する方法を理解することはできません。私が探しているもののように見えるので、このjqueryを試してみましたが、何もしませんでした。#links ではうまくいかないと思います。

何か案は?

4

3 に答える 3

2

class=current を何に付けたいですか?

クリック時に A に適用し、他のすべてのリンクから削除するロジック:

$('a').click(function(){
  //remove from other links, they're no longer current
  $('a').removeClass('current'); 
  //this is now the current active link.
  $(this).addClass('current');
});

これはあなたが求めていたものだと思います。問題がある場合はお知らせください。

于 2012-04-08T17:30:43.093 に答える
0

アンカーについて話.preventDefault()しているので、アンカーのデフォルト アクションが起動されないようにする必要があります。

jsBin デモ

$('ul#nav li:eq(0) a').addClass('current');

$('ul li a').on('click',function(e){ // assign 'e' event
  e.preventDefault(); // prevent default anchor action
  
  $('.current').toggleClass();
  $(this).addClass('current');
  
  
  var goToPage = $(this).attr('href'); // get the link href 
  var pagePos = $(goToPage).position().top; 
  $('body').stop().animate({scrollTop: pagePos}, 2000);  
});
于 2012-04-08T18:05:49.573 に答える