2

この質問は以前にもありましたが、私が作業している関数は例とは異なる設定になっているため、すべてをまとめるのに苦労しています。

背景画像を変更するクラス .steps を使用して div に追加する「ホバー」クラスがあります。ただし、フェードインおよびフェードアウトしたい (クラス .steps-hover を使用して他の div で行っているように)。

ここに私が持っているものがあります:

<script type='text/javascript'>
$(document).ready(function() {
  $('.steps').hover(over, out);
});

function over(event) {
  $('.steps').addClass("hover");
  $('.steps-hover', this).stop(true, true, true).fadeIn(500);
  $('.steps-hover', this).css("display", "normal");
}

function out(event) {
  $('.steps').removeClass("hover");
  $('.steps-hover', this).stop(true, true, true).fadeOut(500);
}
</script>

では、.addClass と .removeClass をフェードインおよびフェードアウトするにはどうすればよいでしょうか? これを行うのは非常に簡単だと感じていますが、私が試したことは機能せず、jQuery の初心者です。助けてくれてありがとう!

4

1 に答える 1

0

そのはず

$(document).ready(function() {
  $('.steps').hover(over, out);
});

function over(event) {
  $(this).addClass("hover"); // the hover class has to be added to the specific `.steps` element which was hovered, not to all `.steps` elements
  $('.steps-hover', this).stop(true, true, true).fadeIn(500).css("display", "normal");
}

function out(event) {
  $(this).removeClass("hover"); //same as above
  $('.steps-hover', this).stop(true, true, true).fadeOut(500);
}
于 2013-08-12T16:10:27.970 に答える