3

Waypoints.jsを使用していますが、特定のウェイポイントに到達したときにナビゲーションアイテムのスタイルを変更することについて質問があります。このコードを使用して、ウェイポイントpost-26に到達したときに、メニュー項目menu-item-29に黒のクラスを追加しています。動作しますが、ウェイポイントからスクロールして離れると、黒のクラスは削除されません（そのままになります）。ウェイポイントがスクロールアウトされたときに黒いクラスを削除するにはどうすればよいですか？ありがとう。

$(document).ready(function() {
$(".post-26").waypoint(function () {
$('#menu-item-29').addClass('black');
});
});
4

1 に答える 1

4

ウェイポイント関数にはdirectionパラメーターが渡されます。それを使用して、追加または削除する必要があるかどうかを判断します。

$('.post-26').waypoint(function(direction) {
  if (direction === 'down') {
    $('#menu-item-29').addClass('black');
  }
  else {
    $('#menu-item-29').removeClass('black');
  }
});

または、jQuerytoggleClassは追加するか削除するかを示す 2 番目のブール値パラメーターを取るため、次のように記述できます。

$('.post-26').waypoint(function(direction) {
  $('#menu-item-29').toggleClass('black', direction === 'down');
});
于 2013-01-07T16:08:27.950 に答える