我已经尝试了所有与此相关的现有帖子,但它们不能正常工作……
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