十月CMS静态页面插件/菜单子菜单下拉菜单

时间:2018-10-08 14:40:05

标签: toggle dropdown submenu octobercms static-pages

我正在使用此插件生成动态菜单,我将其设置为具有下拉菜单,并且在单击主菜单时会打开下拉菜单(很好),如果我单击其他主菜单,则关闭第一个主菜单的下拉菜单(此问题应该是固定的,它应该打开自己的下拉菜单,而不是第二次单击,首先单击它会关闭第一个主菜单下拉菜单),然后再次单击打开第二个主菜单的下拉菜单

如果我单击下拉菜单中的子菜单,它也会关闭下拉菜单,然后开始加载页面,

我希望它表现为单击时不会关闭自身或影响其他菜单,这是我的代码

我认为数据切换下拉菜单正在起作用

菜单代码(菜单项)

<ul class="{{ class }}">
{% for item in items %}
    <li
        class="{{ item.isActive or item.isChildActive ? 'active' : '' }}
        {{ item.items ? 'dropdown' : '' }}"
    >
        <a
            {% if item.items %}class="dropdown-toggle rb-menu-heading" data-toggle="dropdown"{% endif %}
            href="{{ item.url }}"
        >
            {{ item.title }}

            {% if item.items %}<span class="caret"></span>{% endif %}
        </a>

        {% if item.items %}
            {% partial 'menu-items' items=item.items class='dropdown-menu' %}


        {% endif %}
    </li>
{% endfor %}

子菜单代码(子菜单项)

<ul class="nav navbar-nav navbar-right">
<li><a href="{{ '/'|app }}"><i class="typcn typcn-home"></i></a></li>
{% for item in items %}
<li class="{{ item.isActive or item.isChildActive ? 'active' : '' }}  {{ item.items ? 'dropdown' : '' }}">
    <a title="{{ item.title }}" {% if item.items %} class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-     expanded="false" href="#"{% else %} href="{{ item.url }}" {% endif %}>{% if item.items %} {{ item.title }} <span class="caret"></span>{% else %} {{     item.title }} {% endif %}</a>
        {% if item.items %}
        <ul class="dropdown-menu">
        {% for subitem in item.items %}
        <li>
        <a href="{{ subitem.url }}">{{ subitem.title }}</a>
        </li>
        {% endfor %}
        </ul>
       {% endif %}
        </li>
{% endfor %}
 <li><a id="search" data-toggle="modal" data-target=".search-modal"><i class="fa fa-search" aria-hidden="true"></i></a></li>

0 个答案:

没有答案