0

現在作成中の新しいウェブサイトにショーケースがあります。ショーケースで画像にカーソルを合わせると、jQueryの効果が得られます。追加のクラスにカーソルを合わせた現在のアイテムを指定します。次に、ホバークラス内の別のクラスにスライドダウンするアクションを与えます。以下の私のコードをご覧ください。

$(".itemContainer").hover(
  function () {
    $(this).addClass('itemHover');
  }, 
  function () {
    $(this).removeClass('itemHover');
  }
 );

$('.image-hover-over').mouseover(
  function () {
    $('.itemHover .image-hover-bg').slideDown();
  }
);

問題は、2回目のマウスオーバーで、彼が.itemHoverをまだ認識していないように見えることです。私が次のことをするとき、それはうまくいくので、しかしすべてのアイテムのために。

$('.image-hover-bg').slideDown();

その後、.itemHoverでも機能するようですが、初めては機能せず、多くのことを試し、Webを検索しましたが、役立つヒントを得ることができませんでした。

誰かが私がいくつかの効果をホバリングしているアイテムを与えることができる方法を教えてもらえますか？

4

1 に答える 1

2

hover（）ハンドラーでslideDown（）を実行する必要があります。マウスオーバーのハンドラーを定義する必要はありません。

于 2012-10-25T17:59:37.250 に答える