小编Ign*_*oft的帖子

Wordpress中的Dropline菜单

是的,这里的一个大问题是我有一个WP生成的修复html格式,来自wp_list_pages('title_li ='); 功能.这是一堆嵌套列表.现在我希望将其设置为具有悬停功能的下拉菜单.

http://hedag.openskin.org/?page_id=286你可以看到我到目前为止所做的工作,我正在使用z-index尝试用当前的subnav覆盖当前的subnav.现在我已经阅读了z-index,我不认为只使用css就可以使用它,因为单独的"children"列表位于不同的堆栈上下文中.

所以现在我的尝试是当你将鼠标悬停在另一个主导航元素上时使用jquery删除它.你们中的任何一个人都会很友好吗？

告诉我我的z-index/css的东西是什么问题并以这种方式修复它(首选,它很酷)或者 ~~2.修复我的jquery代码以便它能够正常工作,我将它加载到<head>标签中.~~

当前的jQuery代码:

<script>
    jQuery(document).ready(function($) {
        $('ul#nav>li').hover( function () {
            if ($(window).width() > 767) {
                $('ul#nav>li.current_page_item .children').hide();
                $('ul#nav>li.current_page_ancestor .children').hide();
            }
        });
    });
    jQuery(document).ready(function($) {
        $('ul#nav>li').mouseleave( function () {
            if ($(window).width() > 767) {
                $('ul#nav>li.current_page_item .children').show();
                $('ul#nav>li.current_page_ancestor .children').show();
            }
        });
    });
</script>

Run Code Online (Sandbox Code Playgroud)

使用jQuery,菜单现在按预期工作,找到一个纯粹的css解决方案仍然很有趣,因为我很确定嵌套列表是一个非常标准的导航方案,下拉线通常是最好的选择.可能有趣的另一件事就是让子导航器与父级ul左右对齐,而不是父级li.

html javascript css wordpress jquery

Ign*_*oft

2014 01-28

5
推荐指数

1
解决办法

403
查看次数