尝试使 3 级下拉菜单正常工作。在 Opencart 中,我一直在使用第三方响应式菜单,效果很好。在此处演示并可用 http://cssmenumaker.com/menu/responsive-flat-menu
但是,Opencart 不支持 3 级类别,因此需要一个插件 https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=19296
第 3 级类别已加载但未显示。任何人都可以帮助获得第三个类别和两个系统合并并显示超过 1000px 甚至加载带有 + 符号吗?
这是 Plunkr 上的下拉菜单 https://plnkr.co/edit/hZG4pbVCXQupf2kgqoKF?p=preview
<div id="cssmenu"><div id="menu-button">Menu</div>
<ul>
<li class="has-sub"><span class="submenu-button"></span><a href="extractor-fans">Extractor Fans</a>
<ul style="">
<li><a class="arrow" href="/bathroom-extractor-fans">Bathroom Shower</a>
<div class="has-sub"><span class="submenu-button"></span>
<ul>
<li><a href="bathroom-vids">Designer Videos</a></li>
</ul>
</div>
</li>
<li><a href="ceiling-bathroom"> Bathroom Cabinets</a></li>
</ul>
</li>
</ul>
</div>
最佳答案
这是我的版本,没有更改您的 html
和 js
。所有更改都严格在 css
内进行。大部分修复在于删除以下内容:
#cssmenu ul ul ul {
margin-left: 100%;
}
#cssmenu ul ul {
left: -9999px;
}
关于javascript - 第三级 JQuery 下拉列表不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41698973/