2012-05-04 39 views
0

ドロップダウンメニューで作業していますが、問題が発生しています。特定の方法でマウスを動かすと、ドロップダウンメニューが上下に連続して移動します。ここでJSは次のとおりです。ドロップダウンディレイが動作しない

$("#solar-slide").hover(function() { 
    $("ul", this).slideDown(100); 
}, 
function() { 
    $("ul", this).slideUp(100); 
    } 
); 

あなたはメニューを移動しているためですmjevange.mysite.syr.edu/SE

おかげ

+0

私には罰金だ、何ブラウザ? – kmb64

答えて

0

を行って、それを自分で試してみたい場合ホバー上のアイテム。 .button:hover cssからtop: 1px;を削除すると修正されるはずです。

1

停止を追加してみてください():

$("#solar-slide").hover(function() { 
    $("ul", this).stop(true).slideDown(100); 
}, 
function() { 
    $("ul", this).stop(true).slideUp(100); 
    } 
); 
+0

私は最近私のサイトでこれをやったことがあります。アニメーションは、jQueryを使用して再インスタンス化するたびに保存され、更新されます。 '$(" ul "this)"を変数に格納し、それ以外の場合は意図したとおりに動作しないことを継続的に参照する必要があります。 –

+0

これはどのように変数に格納しますか? – Vinny