2

jqueryスライドに問題があります。

$(document).ready(function() 
{
  $(".events").hover(function() 
  {
      $(this).next().slideToggle(400);
  }, function() {
      $(this).next().slideToggle(400);
  });
});

画像にカーソルを合わせると非表示のコンテンツがスライドアウトし、カーソルを合わせない場合はスライドインします。これはすばらしいことですが、画像だけでなくコンテンツにカーソルを合わせても非表示のコンテンツが開いたままになるように最小化する必要があります。誰かが私を助けてくれますか、ウェブデザインに不慣れで、しばらくの間これに固執しています。前もって感謝します。

私はあまりにも速く話しました、私は上記の解決策を試しました、そしてそれはうまくいきません。スライドを1つだけ変更すると、スライドが開かず、ページ上の他のすべてのスライドが開かなくなり、問題が何であるかがわかりません。これは私のhtmlです：

情報テキストはここにあります

–

こんにちはthebiffboff私は自分のhtmlとcssを送信したフィドルリンクにコピーし、あなたが見せてくれた解決策を使用しました、そしてそれは完璧に機能しましたが、私自身のページではうまくいきませんでした、どうすれば問題を探すことができますか

4

1 に答える 1

1

画像と非表示のコンテンツをラッパーでラップしてから、ホバーイベントをこのラッパーにバインドできます。私はあなたのためにフィドルの例を作成しました。また、現在のアニメーションキューをクリアする.stop（）メソッドを追加しました。そうしないと、すばやく何度もホバーインおよびホバーアウトすると、終了後にスライドが上下にスライドし続けます。

于 2012-06-26T21:55:19.287 に答える