jQuery 2 级悬停导航和鼠标悬停/鼠标悬停

发布于 2024-11-09 09:10:19 字数 751 浏览 0 评论 0原文

我有 2 个 UL，每个都填充 LI。当我将鼠标悬停在 .nav-dayselector ul li a 上时，jQuery 将在第二个 UL 中显示相应的 #hover-days ul li > （这是必要的，因为实际代码是在 overflow:hidden 打开的轮播中使用的，因此我们需要使用 2 个单独的 UL 并以这种方式显示它们。

这是有效的很好 - 问题是当您将鼠标悬停在弹出的 span 上 (#hover-days ul li span) 时，#hover-days ul li 会淡出。（请参阅 jsFiddle 示例）

我需要在鼠标悬停时停止此 fadeOut跨度，这样您就可以使用菜单并从 :hover span 中选择项目，

但是任何其他与 2 个单独的 UL 一起使用的方法都可以。 jsfiddle 有什么简单的修复方法吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

扮仙女 2024-11-16 09:10:19

如果你保留对元素的引用，你可以
让它在悬停时停止淡出
但这要求用户先用鼠标指针到达它
顺便说一句，它淡出了

  $(".nav-dayselector ul li a").each(function() {
    IndexLI = $(this).parent().index();
    var ele = $("#hover-days ul li:eq("+IndexLI+") span");

    $(this).hover(function() {
     ele.show();
    }, function() {
     ele.fadeOut();
    });

    ele.hover(function() {
     $(ele).stop().fadeIn();
    }, function() {
     $(ele).fadeOut();
    });
  });

html/css dosent 似乎在我的浏览器中工作（IE 8）

if you keep a reference to the element you can
tell it to stop fading out when its hovered over
but this requiers the user to reach it with the mousepointer before
its faded out

  $(".nav-dayselector ul li a").each(function() {
    IndexLI = $(this).parent().index();
    var ele = $("#hover-days ul li:eq("+IndexLI+") span");

    $(this).hover(function() {
     ele.show();
    }, function() {
     ele.fadeOut();
    });

    ele.hover(function() {
     $(ele).stop().fadeIn();
    }, function() {
     $(ele).fadeOut();
    });
  });

the html/css dosent seem to be working in my browser btw (IE 8)

回复收藏 0 原文

~没有更多了~