jquery - 添加 DIV 下拉菜单

Question

我正在尝试将 div 作为下拉菜单添加到文本菜单中。在将鼠标悬停在文本链接上时，我希望 div 出现在文本下方，并在用户滚下文本、滚下 div 时消失（显然，或者单击 div 中的链接）。这是我到目前为止的代码：

我根本无法显示 div！

这是一个 jfiddle：http: //jsfiddle.net/VtXvB/

---

查看我的代码的本地副本没有正确找到 jquery 库（因为我使用的版本与 http:// 或 https:// 不明确）

我解决了这个问题，并在我的脚本标签中添加了一个“类型”属性，一切都很好。

Answer 1

这是因为您在锚标记上使用悬停事件，在这种情况下，当您移动到 ​​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');
    }
  );
});