0

このサイトには多くの優れたヘルパーがあることは知っています。私はまだ jquery を学んでいますが、その背後にある機能が大好きです。最近、メガドロップ ダウン メニューを作成しましたが、show/hide を使用する代わりに hoverintent プラグインを使用するように多くの推奨事項を受け取り始めました。コーディングを変更して動作させるのに迷っています...助けてください...いつものようにみんなありがとう!!!

ああ、私は hoverintent に変更するとオーバーフローも発生しなくなると思いますが、コードがそれを防ぐために機能しているとは思いませんか?

私のサイト...DKEについてのドロップダウンのみが機能します...

http://www.nestudiosonline.com/test.php

私のjqueryスクリプト...

$(document).ready(function() {
    // shows the hidden div in the list
    $('#dave').mouseover(function() {
        $('#aboutdke').show('slow');

    });
    // hides the hide the div again for that list item
    $('#dave').mouseleave(function() {
        $('#aboutdke').hide('slow');

    });
});

これが私のhtmlです....

<div id="pagelinks">
 <ul id="menu">
     <li class="mega"><a class="dkeorg" href="#">DKE.ORG</a></li>
        <li class="megamenu" id="dave"><a class="links" href="#">ABOUT DKE</a><div id="aboutdke">
       (about dke div content)
            </div>
  </div></li>
        <li class="megamenu"><a class="links" href="#">ALUMNI</a></li>
        <li class="megamenu"><a class="links" href="#">UNDERGRADUATES</a></li>
        <li class="megamenu"><a class="links" href="#">EVENTS</a></li>
        <li class="megamenu"><a class="links" href="#">MULTIMEDIA</a></li>
        <li class="megamenu"><a class="links" href="#">SHOP DKE</a></li>
      </ul>
 </div>
4

1 に答える 1

0

本当の答えにたどり着く前に、次の 2 つのことを行います。

  1. doctype の後に body タグの開始がありません。

  2. XHTML では小文字のタグのみが有効です。

イベントは #aboutdke に対してのみトリガーされます。これは、イベント コールバック関数にハードコーディングした 1 つの要素であるためです。もっと抽象的なことを試してください：

$('#menu > li').mouseover(function() {
    $(this).children().is('div').show('slow');
});
$('#menu > li').mouseleave(function() {
    $(this).children().is('div').hide('slow');
});

これは（メモリが機能する場合）すべてのメニュー項目で機能するはずです。

于 2010-12-06T07:38:26.677 に答える