2010-12-06 21 views
0

単純なドロップダウンメニューがあり、アニメーションの作成を停止するにはstop()命令を使用しましたが、今度はメニューをテストしてメニューを出し入れすると私がそれらを完全に見たいときはいつでも、ドロップダウンは「カットオフ」になります。jQuery:ドロップダウンが途切れる

これが意味をなさないかどうかわかりません。私は)(ストップを入れなければならないの

$(function(){ 
$('.dropdown ul').hide(); 
$("ul.dropdown li").hover(function(){  
    $(this).addClass("hover"); 
    $('ul:first',this).stop().slideDown(); 

}, function(){  
    $(this).removeClass("hover"); 
    $('ul:first',this).stop().slideUp(); 
}); 
}); 

ここで私も使用しているスクリプトがですか?

ご協力いただければ幸いです。高さはこのように、途中残されることはありませんので、

答えて

5

私はここ.stop(true, true)を使用したい:

$(function(){ 
    $('.dropdown ul').hide(); 
    $("ul.dropdown li").hover(function(){  
    $(this).addClass("hover"); 
    $('ul:first',this).stop(true, true).slideDown();  
    }, function(){  
    $(this).removeClass("hover"); 
    $('ul:first',this).stop(true, true).slideUp(); 
    }); 
}); 

true引数がそうであっても、それの終わりにジャンプ、アニメーションを終了することを伝えます.slideDown()のアニメーションを切り取った場合、それは要素の最大の高さから始まります...中間のどこかで切り取られません。

+0

これは完璧に機能しました!私は解決策がそれほど難しいものではなかったことを知っていました。私はjQueryでとても新しいです。おかげで多くのニック:) –

関連する問題