Question

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

我在下面的页面上实现了这个：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();
});

应该可以做到这一点。

长下拉菜单解决方案

2 个答案: