3

私はいくつかのjQueryとHTMLで作業しようとしています。

さまざまなコンテンツを含む2 つのdiv要素コンテナーがあります。2 つの要素は互いに隣接しています。div には互いに含まれていません。div#11 つの div ( ) にマウスオーバーすると、もう1 つの div ( ) が下にdiv#2スライドする ( )ようにコードを記述しました.slideDown。

また、マウスアウトすると上div#2にdiv#2スライド（.slideUp）します。

問題は、div#2がすでに下にスライドしている場合、div#1再度マウスオーバーすると、div#2上にスライドして再び下に戻ることです。これはかなり面倒で専門的ではありません。マウスが上にない場合にのみ上にスライドする必要がありdiv#1ます。

これが私の目標です。「マウスが "上" ではなく "div#2外"にある場合のみ、上にスライドする」という jQuery ステートメントを見つける必要があります。 div#1div#2

これは可能ですか？

助けていただければ幸いです。

ありがとう。

4

2 に答える 2

3

.stop()要素を再アニメーション化する前に、を使用してアニメーションを停止する必要があります。これにより、キューが繰り返しのアニメーションでいっぱいになるのを防ぐことができます。

$('#stop').hover(function() {
    $(this).stop().animate({width: '250px'});
}, function() {
    $(this).stop().animate({width: '150px'});
});

デモ： http： //jsfiddle.net/Blender/2TkNc/2/

于 2012-09-30T01:25:41.850 に答える
0

私があなたの質問を正しく理解していれば、次のようにする必要があります。

$('.div1').die('mouseover').live('mouseover',function(){
                                     $('.div2').slideDown();
                                     });
$('.div2').die('mouseover hover').live('mouseout',function(){
                                     $('.div2').slideUp();
                                     });

http://jsfiddle.net/2TkNc/5/

于 2012-09-30T09:03:35.130 に答える