0

サブメニューがホバーされていないときに上にスライドするのを遅らせようとしています。このjqueryで動作させることができないようです。cssが乗り越えていると思いますか？基本的にメニューがいつ表示され、いつ消えるかを示します。JSフィドルリンク： http： //jsfiddle.net/gQ3Cv/5/

 $("#primary-nav ul li ul").mouseover(function(){
        $(this).parent(".submenu").show()                                               
});
$("#primary-nav ul li ul").mouseout(function(){
         $(this).parent(".submenu").delay(1500).slideUp(300)                                                
});
4

1 に答える 1

0

ある種の遅延反応が必要な場合は、試してください

var myDelay = 1500;
$("#primary-nav ul li ul").mouseover(function(){
        var elem = $(this).parent(".submenu");
        setTimeout(function(){elem.show();}, myDelay);                                            
});
$("#primary-nav ul li ul").mouseout(function(){
        var elem = $(this).parent(".submenu");
        setTimeout(function(){elem.slideUp(300).hide();}, myDelay);                                         
});

もちろん、概念をテストせずにこれを入力しているだけです。しかし、これは少なくとも私の最初の試みであり、うまく機能させるには少し遊びが必要になるかもしれません. もちろん、これは遅延による好ましくない望ましくない反応を引き起こす可能性があります。しかし、私は確かに知りません。

于 2012-08-06T20:24:40.920 に答える