第三级JQuery下拉列表未显示

Question

试图获得3级下拉工作.在Opencart中,我一直在使用第三方repsonsive菜单,效果很好.在这里展示并提供http://cssmenumaker.com/menu/responsive-flat-menu

但是,Opencart不支持3级别类别,因此需要插件https://www.opencart.com/index.php?route=marketplace/extension/info&extension_id=19296

第3级别类别已加载但未显示.任何人都可以帮助获得thrid类别和两个系统合并并显示超过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>

Answer 1

这是我的版本,没有改变你的html和js.所有的变化都严格在内css.大多数解决方案都在摆脱以下问题:

#cssmenu ul ul ul {
    margin-left: 100%;
}
#cssmenu ul ul {
    left: -9999px;
}

https://plnkr.co/edit/x4Lbw9AepcdIhkzBoAPM?p=preview