現在、私は特定のdivにマウスを置くと、隠れたdivが滑り落ちるという要求を処理する、場所はhttp://jsfiddle.net/gaby/zzj7E/5/のJQueryスクリプトを持っています。これは私の上に置かれるすべての部門で発生します。JQuery Slideup/Slidedown前のdivアニメーション後または遅れた後のdiv
しかし、divのセットにマウスをすばやく乗せれば、複数のdivが一度に滑り落ちることに気付くでしょう。実際には私はこれを望んでいない。
私が欲しいのは、前のdivが完全にスライドしていない限り、他のdivは上に乗ってもスライドしません。または、可能であれば、ユーザーがマウスを1.5秒以上マウスの上に置いた場合にのみ、divスライドの効果を表示します。
これはjQueryで実装できますか?助けてもらえますか?
EDIT: .live()を使用して動的に追加された要素に効果を追加する必要がありました。 live()を使ってホバーを使うのは面倒です。以下はコードを使用しています
$(".altbgcolor").live('mouseenter', function() {
//hover code
$(this)
.addClass('altbgcolor-active')
.find(".sharedp")
.slideDown('slow');
}).live('mouseleave', function() {
//stopped hovering code
$(this)
.removeClass('altbgcolor-active')
.find(".sharedp")
.slideUp('slow');
});
このmouseenterとmouseleaveイベントで効果をどのように統合するのですか?
すべてが可能であることを確認してください。しかし、あなたがしたいことはあまり明確ではありません。 – meo