Question

我在my website创建了一个带有自举功能的wordpress主题，但是当我将浏览器窗口调整为较小时，移动菜单不显示。我用其他菜单代码尝试了所有内容到目前为止还没有运气来解决这个问题。 my website上的移动菜单布局如下截图：

这是我的网站的移动菜单代码：

<body <?php body_class(); ?>>
<div id="container">
    <div id="wrapper">
<div id="page" class="hfeed site">
    <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'gg' ); ?></a>

    <header id="masthead" class="site-header" role="banner">
        <nav id="site-navigation" class="main-navigation2" role="navigation">
             <!-- <button class="menu-toggle" aria-controls="top-menu" aria-expanded="false"><?php esc_html_e( 'Top Menu', 'gg' ); ?></button> -->

<ul class="mini-cart">

<li> <a href="<?php echo esc_url( $woocommerce->cart->get_cart_url() ); ?>" title="<?php esc_attr_e('View your shopping cart'); ?>" class="cart-parent"> 

<div class="bubblex">
               <div class="inside">
                 <div class="inside-text">
<?php 

echo sprintf(_n('%d', '%d', $woocommerce->cart->cart_contents_count), $woocommerce->cart->cart_contents_count);

?></div>
      </div>
    </div>

<i class="cart_control">::before</i></a> 
<?php

echo '<ul class="cart_list">';

echo '<li class="cart-title"><b>Isi Keranjang:</b></li>';

if (sizeof($woocommerce->cart->cart_contents)>0) : foreach ($woocommerce->cart->cart_contents as $cart_item_key => $cart_item) :

$_product = $cart_item['data'];

if ($_product->exists() && $cart_item['quantity']>0) :

echo '<li class="cart_list_product"><a href="' . esc_url( get_permalink( intval( $cart_item['product_id'] ) ) ) . '">';

/* echo $_product->get_image(); */

echo apply_filters( 'woocommerce_cart_widget_product_title', $_product->get_title(), $_product ) . '</a>';

if($_product instanceof woocommerce_product_variation && is_array($cart_item['variation'])) :

echo woocommerce_get_formatted_variation( $cart_item['variation'] );

endif;

echo '<span class="quantity">' . $cart_item['quantity'] . ' &times; ' . woocommerce_price( $_product->get_price() ) . '</span></li>';

endif;

endforeach;

else: echo '<li class="empty">' . __( 'Keranjang kosong') . '</li>'; endif;

if ( sizeof( $woocommerce->cart->cart_contents ) > 0 ) :

echo '<li class="total">';

echo  '<span class="amount2">Subtotal</span>' . $woocommerce->cart->get_cart_total() . '</li>';

echo '<p class="buttons"><a href="' . esc_url( $woocommerce->cart->get_cart_url() ) . '" class="button wc-forward">Detail</a> <a href="' . esc_url( $woocommerce->cart->get_checkout_url() ) . '" class="button2 wc-forward">Checkout</a></p>';

endif;

echo '</ul>';

?>

</li> </ul>

            <?php wp_nav_menu( array( 'theme_location' => 'top', 'menu_id' => 'top-menu' ) ); ?>
        </nav><!-- #site-navigation -->
        <div class="site-branding">
            <?php if ( is_front_page() && is_home() ) : ?>
                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
            <?php else : ?>
                <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
            <?php endif; ?>
            <p class="site-description"><?php bloginfo( 'description' ); ?></p>
        </div><!-- .site-branding -->

        <nav id="site-navigation" class="main-navigation" role="navigation">
            <!--   <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"></button> -->
                    <div class="navbar-header">

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only"><?php _e('Toggle navigation','gg') ?> </span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
<?php wp_nav_menu(
                        array(
                            'theme_location'    => 'primary',
                            'depth'             => 2,
                            'container'         => 'div',
                            'container_class'   => 'collapse navbar-collapse',
                            'menu_class'        => 'nav navbar-nav',
                            'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                            'menu_id'           => 'main-menu',
                            'walker'            => new wp_bootstrap_navwalker()
                        )
                    ); ?>
                        </div>

                <!-- <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>  -->
        </nav><!-- #site-navigation -->
        </div><!-- #site-wrapper -->
    </header><!-- #masthead -->

    <div id="content" class="site-content">

那么我该如何解决呢？先谢谢

Answer 1

你有没有包含jQuery＆amp;你网页底部的bootstrap.js？

在wordpress中单击后，Bootstrap移动菜单不会显示

1 个答案: