Question

我不知道为什么，但我的下拉菜单不适用于移动版本。我尝试了两个不同的教程，但我总是遇到同样的问题..

我使用bootstrap + navwalker

我认为这是一些jQuery问题，我已经尝试在我的代码中的其他地方实现它，但它无论如何都没有用。

源：

    <head>
          <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-2.1.4.min.js"></script>
    </head>

  <nav class="navbar navbar-default" role="navigation"> 
  <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
      </button> 
    </div> 
    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
      <?php /* Primary navigation */
      wp_nav_menu( array(
        'top_menu',
        'depth' => 2,
        'container' => false,
        'menu_class' => 'nav navbar-nav',
        //Process nav menu using our custom nav walker
        'walker' => new wp_bootstrap_navwalker())
        );
        ?>
    </div>
  </nav>

的functions.php

    <?php
    add_action( 'after_setup_theme', 'wpt_setup' );
        if ( ! function_exists( 'wpt_setup' ) ):
            function wpt_setup() {  
                register_nav_menu( 'primary', __( 'Primary navigation', 'wptuts' ) );
            } endif;


    function wpt_register_js() {
        wp_register_script('jquery.bootstrap.min', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery');
        wp_enqueue_script('jquery.bootstrap.min');
    }
    add_action( 'init', 'wpt_register_js' );
    function wpt_register_css() {
        wp_register_style( 'bootstrap.min', get_template_directory_uri() . '/css/bootstrap.min.css' );
        wp_enqueue_style( 'bootstrap.min' );
    }
    add_action( 'wp_enqueue_scripts', 'wpt_register_css' );

    // Register custom navigation walker
        require_once('wp_bootstrap_navwalker.php');
    ?>

Answer 1

问题是facebook插件定位的原因。使用下面的样式，它应该工作。

#sticky_navigation .navbar-toggle
{
 z-index: 10000;
}

bootstrap下拉菜单不适用于移动设备

1 个答案: