0

別のスタックユーザーによって投稿されたスクリプトを使用してドロップダウンメニューを作成しましたが、マウスを重ねたときに表示されたままにするのに問題があります。これがウェブサイトです：

http://79.24.150.216/

また、「INFO」にカーソルを合わせてから、表示されるメニューにカーソルを合わせると、表示されたままにならないことがわかります。

cssは次の場所にあります。

http://79.24.150.216/css/main.css

そして、これは使用されるjsスニペットです：

$('nav li').on('mouseenter mouseleave hover',function( e ){
$('#'+$(this).data('open'))[e.type=='mouseenter'?'slideDown':'slideUp'](); });

貴重なご協力をよろしくお願いいたします。

4

3 に答える 3

1

#subnavホバー機能に使用される要素に追加しようとしました$('nav li, #subnav')か?

于 2012-11-23T22:43:23.237 に答える
1

ホバーは LI 要素でのみ機能するため、そこから離れるとホバーが失われ、サブナビゲーションが閉じます。

2 つのクラスを作成してみることができます .default-class { display: none } . show { display: block }

$('nav li').on('hover click', function() { $('.subnav').addClass('show'); }) を試してください

次に、非表示にするには、サブナビ (.removeClass('show')) でマウスを離すイベントを実行します。また、他の li 要素にカーソルを合わせると、サブナビも非表示になります。

于 2012-11-23T22:46:48.750 に答える