jQuery使子div在悬停时可见(仅在有效的li元素上,而不是父元素!)

前端之家收集整理的这篇文章主要介绍了jQuery使子div在悬停时可见(仅在有效的li元素上,而不是父元素!)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我已经尝试了所有与此相关的现有帖子,但它们不能正常工作……

HTML

    这应该是这样的:

    >起始页

    >子页面

    >子页面

    我希望为每个li元素设置的div.li_options只显示在悬停元素上.我知道,父母的李也正在“悬停”在悬停的子元素上,但我不会显示那些“li_options”.

    迄今为止最好的解决方案:

    $(document).ready(function() {      
        $('.sortable li').mouseover(function() {
            $(this).children().children('.li_options').show();
        }).mouseout(function() {
            $(this).children().children('.li_options').hide();
        });
    });
    

    但有了这个,父母并没有被排除在外…我不知道如何指出他们,因为可能有无穷无尽的关卡.你知道怎么做这个吗?

    最佳答案
    工作演示http://jsfiddle.net/sm8vS/

    更新版本http://jsfiddle.net/36cV3/

    或者像这样=> http://jsfiddle.net/N6xqm/(较小的方式)

    额外您还可以通过树视图菜单名称查看一些插件. – 如果需要或者你正在寻找这样的东西:http://jquery.bassistance.de/treeview/demo/

    行为悬停在Start Page =>上Sub Seite将出现,现在将鼠标悬停在Sub Seite => => Sub Sub Seite将出现.

    为了更好地解析,我添加了 – 相应菜单结构中的子菜单和子子菜单类.其余代码如下.

    希望它符合您的需求:)

    另一个很小的方法http://jsfiddle.net/N6xqm/ 原文链接:https://www.f2er.com/jquery/428131.html

    猜你在找的jQuery相关文章