jquery - 如何在 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将文件夹的内容提取superfish-1.4.8.zip到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'}为使菜单立即打开。