Question

我正在尝试基于toranj主题制作响应式菜单。但是我坚持多级菜单工作。

我不知道可能出现什么问题。行为随机退出，并将其限制为以下内容：

在主页上，第1级工作，您可以单击它以打开下一级。
在任何其他页面上，第二级无法打开
你不能达到第3级，我跟着示例模板

菜单应如下所示：

Onze School
- Historiek
- Wie是Wie？
  - Schoolbestuur
  - Ons团队
  - Organogram
- Visie
- Dagindeling

代码：

                    <!-- Navigation --> 
                    <ul id="navigation">
                        <li id="school" class="menu-item menu-item-has-children"><a href="#">Onze School</a>
                            <ul class="sub-menu">
                                <li class="nav-prev"><a href="#"><i class="fa fa-angle-left"></i>Onze School</a></li>
                                <li id="school-historiek" class="menu-item "><a href="http://sendtomail.com/school/historiek">Historiek</a></li>
                                <li id="wie-is-wie" class="menu-item menu-item-has-children"><a href="#">Wie is wie?</a>
                                    <ul class="sub-menu">
                                        <li class="nav-prev"><a href="#"><i class="fa fa-angle-left"></i>Wie is wie?</a></li>
                                        <li id="wie-is-wie-schoolbestuur" class="menu-item"><a href="<a href="http://sendtomail.com/school/wie-is-wie/schoolbestuur">Schoolbestuur</a></li>
                                        <li id="wie-is-wie-team" class="menu-item"><a href="<a href="http://sendtomail.com/school/wie-is-wie/team">Ons Team</a></li>
                                        <li id="wie-is-wie-organogram" class="menu-item"><a href="<a href="http://sendtomail.com/school/wie-is-wie/organogram">Organogram</a></li>
                                    </ul>
                                </li>
                                <li id="school-visie" class="menu-item "><a href="http://sendtomail.com/school/visie">Visie</a></li>
                                <li id="school-dagindeling" class="menu-item "><a href="http://sendtomail.com/school/dagindeling">Dagindeling</a></li>
                            </ul>
                        </li>
                    </ul> 
                    <!-- /Navigation -->

Answer 1

好的，你有一个不同版本的custom.js而不是工作示例，他们有一些你缺少的。

在Magnific-popup.js下添加以下内容

<script src="http://demo.owwwlab.com/wp-toranj/wp-content/themes/toranj/assets/js/vendors/jquery.dropdown.js?ver=1.12.3" type="text/javascript"></script>
<script src="http://demo.owwwlab.com/wp-toranj/wp-content/themes/toranj/assets/js/vendors/jquery.lazyload.min.js?ver=1.12.3" type="text/javascript"></script>

使用以下

替换您的custom.js调用

<script src="http://demo.owwwlab.com/wp-toranj/wp-content/themes/toranj/assets/js/custom.js?ver=1.12.3" type="text/javascript"></script>

进行这些更改后，IE中出现脚本错误。我会让你调查一下。

多级引导菜单（在Toranj主题中）

1 个答案: