长下拉菜单解决方案

Question

来自 css-tricks.com 的 Chris 为长下拉菜单创建了一个漂亮的解决方案：此处

我在以下页面上实现了此功能：onomadesign.com/wordpress/portfolio/identity-design，位于右上角。

但我希望这个子菜单始终可见，因此无需单击“项目”。

有人可以帮我吗？我绝对不是 jQuery 专业人士。谢谢。

Answer 1

这可能不是一个很好的答案，但它有效：

<script type="text/javascript" charset="utf-8">     
    $(document).ready(function() {      

        $('.dropdown > li').longDropdown({
            visible: 50
        });         
        $('.margin').live(function() {              
            $this = $(this);                
            $("body").css('marginTop', $this.attr('rel') + 'px');
            return false;
        });

            $('.dropdown a:first').click(); 

    });
</script>

Answer 2

您可以执行以下操作吗：

$(function(){
    $('#sub_menu).show();
});

此时您可以删除“项目”链接的锚标记。如果这对您不起作用，请告诉我。

编辑：

您也可以尝试：

$('#sub_menu').css({height:400,overflow:'hidden'}).show();

如果您从 jQuery 插件切换到可从您链接的站点下载的常规 JS 文件，它似乎可以在 FF 和 IE 中工作。这样做的问题是，当您将鼠标移出下拉菜单时，下拉菜单将消失。对我来说，这是可取的，因为当用户第一次看到该页面时它是打开的，但可以通过将鼠标悬停在其上然后将鼠标移开来隐藏。如果您希望它始终保持打开状态，可以使用以下代码：

$('.dropdown > li').bind('mouseleave', function(event) {
    $('#sub_menu').css({height:400,overflow:'hidden'}).show();
});

这应该可以解决问题。