如何解决从 li 标签打开 ul 标签并没有点击全部 - Opencart
有人可以帮助我为我的移动菜单使用 corect js 吗?
所以我有这个代码:
<ul class="mob-menu-block">
{% if categories %}
{% for category in categories %}
{% if category.children %}
<li class="menu-link">
<a href="{{ category['href'] }}" data-toggle="dropdown" class="dropdown-toggle"><img src="{{ category['thumb'] }}" class="imgmenucat" loading="lazy" alt="{{ category['name'] }}" title="{{ category['name'] }}" />{{ category['name'] }}<i class="fas fa-angle-right"></i></a>
{% for children in category.children|batch(category.children|length / category.column|round(1,'ceil')) %}
<ul class="dropdown-menu sub-block">
<li><a href="{{ category['href'] }}" class="see-all">{{ text_all }} {{ category['name'] }}</a></li>
<li role="separator" class="divider"></li>
{% for child in children %}
{% if child.children %}
<li class="submenu-link">
<a href="{{ child['href'] }}" data-toggle="dropdown" class="dropdown-toggle">{{ child['name'] }}<i class="fas fa-angle-right"></i></a>
<ul class="dropdown-menu sub-block">
<li><a href="{{ child['href'] }}" class="see-all">{{ text_all }} {{ child['name'] }}</a></li>
<li role="separator" class="divider"></li>
{% for children in child.children %}
<li><a href="{{ child['href'] }}">{{ child['name'] }}</a></li>
{% endfor %}
</ul>
</li>
{% else %}
<li><a href="{{ child['href'] }}">{{ child['name'] }}</a></li>
{% endif %}
{% endfor %}
</ul>
{% endfor %}
</li>
{% else %}
<li class="menu-link"><a href="{{ category['href'] }}"><img src="{{ category['thumb'] }}" class="imgmenucat" loading="lazy" alt="{{ category['name'] }}" title="{{ category['name'] }}"/>{{ category['name'] }}</a></li>
{% endif %}
{% endfor %}
{% endif %}
</ul>
这是我的 3 个级别的菜单:主类别 -> 子类别 -> 子子类别
如果子类别有子类别,此 js 打开带有下拉 li 的移动菜单:
$(document).ready(function() {
$('#menu').click(function() {
$('.menu-block').slideToggle("fast");
});
$('#menu-mob').click(function() {
$('.mob-menu-block').slideToggle("fast");
});
$('.dropdown-toggle').click(function() {
$('.sub-block').slideToggle("fast");
});
});
我不知道它是否正确...因为当我点击任何子类别时,它会打开所有带有子块的 div,包括内部 div...并且它必须只打开打开的 div。
打印屏幕:http://prntscr.com/13nv9zh
有人可以帮我吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。