使用hoverintent，而不是顯示/隱藏...幫助使用更改代碼請

我知道這個網站上有很多偉大的幫手，我仍然在學習jquery，但我喜歡它背後的功能。最近我創建了一個megadrop下拉菜單，但我開始使用hoverintent插件而不是使用show/hide來提供很多建議。我失去了嘗試改變我的編碼，使其工作...請幫助...謝謝總是人和GALS！使用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>

來源

2010-12-06 Dave Guzman

在我找到真正的答案之前有兩件事：

您在doctype後缺少開頭正文標記。
只有小寫標籤在XHTML中有效。

事件只觸發#aboutdke，因爲這是您硬編碼到事件回調函數中的一個元素。嘗試更抽象的東西：

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

這應該（如果內存服務）適用於每個菜單項。

來源

2010-12-06 07:38:26

可悲的是代碼不工作，但通過使用你給我的代碼將停止一遍又一遍的動畫溢出問題？ – 2010-12-06 07:46:26

使用hoverintent，而不是顯示/隱藏...幫助使用更改代碼請

回答

相關問題