如何在Zotonic中获得桌面风格的下拉菜单？

Question

我的Zotonic站点的顶部菜单呈现在适当的位置，而不是桌面应用程序菜单。

菜单中的所有项目都呈现在屏幕上，没有隐藏，看起来很糟糕。它看起来应该是一个超级鱼类菜单，但我没有看到超级鱼类工作所必需的代码。我的权宜之计是有一个单级菜单，但这不能满足客户的需求:(

如何在Zotonic中获得桌面风格的下拉菜单？

Answer 1

下载Superfish http://users.tpg.com.au/j_birch/plugins/superfish/superfish-1.4.8.zip

将superfish-1.4.8.zip中superfish-1.4.8文件夹的内容解压缩到priv/sites/default/lib/。

将以下内容添加到priv/sites/default/templates/base.tpl

{% lib "css/superfish.css" "css/superfish-navbar.css" "css/zp-compressed.css" "css/zp-project.css" "css/zp-menu.css" %}
{% lib "js/apps/modernizr.js" "js/jquery-1.4.2.min.js" "js/superfish.js" %}
<script type="text/javascript">
    // initialise plugins
    jQuery(function(){
        jQuery('ul.do_superfish').addClass('sf-menu').superfish({speed: 'fast'});
});
</script>

scomp_menu_menu.erl将do_superfish设置为列表中的类，而不是sf-menu，因此我使用addClass('sf-menu')进行补偿。

我在JS库中省略了"js/hoverIntent.js"，因为它会使打开菜单的速度慢得令人痛苦，并将{speed: 'fast'}设置为立即打开菜单。