Question

我有一个水平菜单，在第一个菜单项上有一个下拉div。

我希望第一个链接“Find a Doctor”仍然可以点击，因此有人可以从下拉列表中选择，或者只需点击链接。

现在它不可点击，我无法弄清楚原因。我尝试将以下内容添加到我的jquery文件中，但它不起作用：

（这也是上面的jfiddle）

      $("#menu li a").click(
        function () {
          console.log($(this).html());
          window.location.href = $(this).attr('href');
        }
      );

我知道为什么我无法点击有下拉列表的链接以及如何修复它？

Answer 1

问题是您的.submenu div位于标签顶部，因此它会拦截点击。（我发现它通过设置一个10像素的红色边框定位在标签上）。要解决此问题，您需要使用top 30px而不是margin-top中的#catmenu。

请参阅我更新的jsfiddle：http://jsfiddle.net/q9A9T/

Answer 2

.submenu在链接上。

提示： 1）ID必须是唯一的，不会引起冲突。

2）这是不必要的：

  $("#menu li").hover(
    function () {
      $("a#menulink", this).css('color','#39c')
      .next('.submenu').css('display','block');
    }
  );

仅使用CSS：

#menuli:hover #menulink{
    color: #39c;
}

#menuli:hover .submenu{
    display: block;
}

Answer 3

您可以在css中添加ul#menu a#menulink - ID的z-index:1;，这样就可以了！见这里：http://jsfiddle.net/2dPXY/4/

按照悬停菜单中的链接

3 个答案: