Question

我正在使用Uikit框架制作Wordpress自定义主题，对前端非常好。我的菜单有问题，我包含了uikit-nav-walker，它适用于台式机，但不适用于移动设备。

移动设备有两个菜单，分别是画布和模态菜单，但是当我单击图标菜单时，disapperars不会显示菜单，模态或非画布。

我已经复制了文件，并且试图更改offcanvas菜单，但是它不起作用。 navwalker的代码来自以下链接：https://gist.github.com/Dreamelf/d63b2a6a05236e66f31ee46e7f4d4482 我没有使用页面的主要代码，而是在注释中使用了一个好心人（tasz）的代码。它适用于台式机，但不适用于移动设备，单击时图标按钮只会消失，什么也没显示。

必须解决这个问题，对我来说非常重要。感谢所有的支持！卡洛

/**
    * Offcanvas menu
*/
function uikit_offcanvas_menu() { ?>

    <div id="offcanvas-menu" uk-offcanvas="overlay:true">
        <div class="uk-offcanvas-bar uk-flex uk-flex-column">

            <button class="uk-offcanvas-close" type="button" uk-close></button>
            <a class="uk-navbar-item uk-logo" href="index.html">
              <img src="assets/images/in-piemonte-puoi-logo-white.png" data-src="" width="" height="" alt="In piemonte puoi logo" uk-img>
            </a>
            <?php if ( has_nav_menu( 'menu-1' ) ) : ?>
            <h3><?php _e('Menu', 'ipp'); ?></h3>
            <?php
                wp_nav_menu( array(
                'menu'              => 'mobile-menu',
                'theme_location'    => 'mobile-menu',
                'depth'             => 2,
                'container'         => 'ul',
                'items_wrap'        => '<ul id="%1$s" class="%2$s" uk-nav>%3$s</ul>',
                'menu_class'        => 'uk-nav uk-nav-default uk-nav-parent-icon',
                'fallback_cb'       => 'uikit_offcanvas_w_menu::fallback',
                'walker'            => new uikit_offcanvas_w_menu()
            )); ?>
            <?php endif; ?>

        </div>
    </div>

<?php }
add_action( 'uikit_offcanvas_menu', 'uikit_offcanvas_menu' );

在header.php中是这种情况：

<!-- HEADER -->
<header>

        <!-- Navbar -->
        <div uk-sticky="show-on-up: true; animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; bottom: #scrollup-dropbar" class="uk-sticky" style="">

            <?php do_action('uikit_top_menu'); ?>
            <?php do_action('uikit_off_canvas_menu'); ?>

        </div>

</header>

WordPress UIKit Nav Walker在移动设备上不起作用

0 个答案: