0

scrollTo を使用して訪問者がそのメニュー オプションを選択したかどうかを示すメニューに「アクティブ」または「非アクティブ」を追加することは可能ですか。

お気に入り：

<ul>
 <li><a href="#target1" class="inactive">Target 1</a></li>
 <li><a href="#target2" class="active">Target 2</a></li> <-- selected.
 <li><a href="target3" class="inactive">Target 3</a></li>
...
</ul>
4

2 に答える 2

1

あなたはこのようにそれを行うことができます

    $('#menu li a').hover(
  function () {

$(this).addClass('active').removeClass('inactive');
  }, 
  function () {

    $(this).addClass('inactive').removeClass('active');
  }
);

ライブデモ OnHover

クリックで実行したい場合はこれを使用してください

    $('#menu li a').click(
  function () {

$(this).addClass('active').removeClass('inactive');
      $('#menu li a').not(this).addClass('inactive').removeClass('active');
  }
);

<a href="http://jsfiddle.net/TZvMP/" rel="nofollow">ライブ デモ OnClick

于 2012-08-16T07:31:22.153 に答える
1

はい、リンクがクリックされたときにクラスに"active"またはを追加できます。"inactive"リンクのonclickイベントでは、Jquery .addClass()関数を使用して「アクティブな」クラスを追加し、.removeClass()"inactive"を使用してクラスを削除できます。

于 2012-08-16T07:26:04.963 に答える