我正在使用此插件生成动态菜单,我将其设置为具有下拉菜单,并且在单击主菜单时会打开下拉菜单(很好),如果我单击其他主菜单,则关闭第一个主菜单的下拉菜单(此问题应该是固定的,它应该打开自己的下拉菜单,而不是第二次单击,首先单击它会关闭第一个主菜单下拉菜单),然后再次单击打开第二个主菜单的下拉菜单
如果我单击下拉菜单中的子菜单,它也会关闭下拉菜单,然后开始加载页面,
我希望它表现为单击时不会关闭自身或影响其他菜单,这是我的代码
我认为数据切换下拉菜单正在起作用
菜单代码(菜单项)
<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>