javascript - 如何更改 Liferay 6.2 站点导航折叠行为？

Question

就是这样，默认情况下，liferay 主导航被折叠到停靠栏，在我的解决方案中，它对于非管理员用户是隐藏的。我尝试挂接停靠栏并删除折叠图标，但站点导航在窗口调整大小时始终隐藏。

请问有什么想法吗？

P.D:我看到了这篇文章:-Move collapsed menu button from the dockbar

问题得到了解决，但正如我在那里提到的，我认为这不是解决这个问题的“时尚”方式，而且可能会给我带来更多问题。

感谢您的阅读。

Answer 1

我可以即时告诉您如何在没有停靠栏的情况下解决切换按钮的问题。

在基于经典主题的自定义主题上，您必须自定义 navigation.vm 并插入代码以使汉堡包图标靠近导航。

(代码未经测试)

<nav class="$nav_css_class navbar site-navigation" id="navigation" role="navigation">
    <div class="navbar-inner">

        #* start toogle hamburger menu *#

        <a class="visible-phone brand btn" data-toggle="collapse" data-target="#navigation">
            <i class="icon-reorder"></i>
            #language ("main-menu")
        </a>

        #* end *#

        <div class="collapse nav-collapse">
            <ul aria-label="#language ("site-pages")" class="nav nav-collapse" role="menubar">
                #foreach ($nav_item in $nav_items)
                        #set ($nav_item_attr_selected="")
                        #set ($nav_item_attr_has_popup="")
                        #set ($nav_item_caret="")
                        #set ($nav_item_css_class="lfr-nav-item")
                        #set ($nav_item_link_css_class="")

        #*continue...*#