javascript - WordPress 重复了一些元素，我不知道为什么

Question

例如，这是我的模板标题:

<header>
    <?php if ( function_exists( 'jetpack_the_site_logo' ) ) jetpack_the_site_logo(); ?>

    <a class="menu-toggle">menu</div>

    <?php wp_nav_menu( array('theme_location' => 'top-nav-menu', 'container_class' => 'top-nav-menu', 'depth' => '1') ); ?>
</header>

请注意 .menu-toggle 位于 header 中。好的，现在当模板呈现时，输出如下所示:

那么为什么 wordpress 在其他 2 个地方添加 .menu-toggle 呢？是的，我在页面中出现了 3 次。

• .header > .menu-toggle;
• .header > .menu-nav-menu > .menu-toggle;
• .header > .menu-nav-menu > .menu-top-nav > .menu-toggle;

这是怎么回事？如果我删除 .menu-toggle 它会删除所有实例。我没有可以更改此代码的 JavaScript。不知何故，wordpress 中的 html 只有一个 .menu-toggle，所以一些 js 搞乱了这一点。即使我删除所有外部 js 和我的 js，这仍然会发生...在没有 chrome 扩展的隐身模式下尝试过。

Answer 1

不确定这是否是原因，但在您的代码示例中

<a class="menu-toggle">menu</div>

不应以 </div> 结尾但是</a>标签是它开始的地方。

此外，这听起来可能有一个 walker这会影响您的 WordPress 菜单，通常可以在您的functions.php 文件中找到。