0

div をドロップダウンとしてテキスト メニューに追加しようとしています。テキスト リンクにカーソルを合わせると、div がテキストの下に表示され、ユーザーがテキストをロールオフしたり、div をロールオフしたり (または明らかに div 内のリンクをクリックしたり) したときに消えます。これまでのコードは次のとおりです。

div をまったく表示できません。

ここにjfiddleがあります：http://jsfiddle.net/VtXvB/

コードのローカル コピーを表示しても、jquery ライブラリが正しく検出されませんでした (http:// または https:// にあいまいなバージョンを使用していたため)

私はそれを修正し、スクリプトタグに「type」属性を追加しました。すべて問題ありません。

4

1 に答える 1

0

これは、アンカー タグで hover イベントを使用しているためです。その場合、div に移動すると unhover イベントが発生するため、その div は非表示になりました。したがって、JS コードの代わりに以下を使用します。

$(document).ready(function(){
  $("#menu li").hover(
    function () {
      $(this).find("a").addClass('active').next('.submenu').addClass('active').slideDown('fast');
    }, 
    function () {
      $(this).find("a").removeClass('active').next('.submenu').removeClass('active').slideUp('fast');
    }
  );
});
于 2012-08-15T16:47:48.577 に答える