Question

无法让navwalker在移动设备上进行扩展。

我已将代码添加到函数php

＆＃13;

// Register Custom Bootstrap Navigation Walker
require_once get_template_directory() . '/wp-bootstrap-navwalker.php';

＆＃13;

这是我的navwalker代码，如果有人能帮我解决这个难题，我会非常感激。请原谅这里的格式。

＆＃13;

	<nav class="main-menu navbar navbar-bg thetop" role="navigation">
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<!-- navbar-brand is hidden on larger screens, but visible when the menu is collapsed -->
				<a class="navbar-brand" href="<?php echo home_url(); ?>">					
					<?php if (function_exists('the_custom_logo')) {
						the_custom_logo();
					}
					else{
							bloginfo('name');
						}
					?>
				</a>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<ul class="nav navbar-nav">
				<?php
				wp_nav_menu( array(
					'theme_location'    => 'primary',
					'depth'             => 2,
					'container'         => 'div',
					'container_class'   => 'collapse navbar-collapse',
					'container_id'      => 'bs-example-navbar-collapse-1',
					'menu_class'        => 'nav navbar-nav',
					'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
					'walker'            => new WP_Bootstrap_Navwalker())
				);
				?>
			</ul>
			<!-- Search Form -->
			<form id="searchform" class="navbar-form navbar-right" role="form" action="<?php echo home_url( '/' ); ?>">
				<div class="input-group">
					<input type="text" class="form-control" name="s" placeholder="Ara"><span class="input-group-btn"><button type="submit" class="btn btn-default btn-primary -red"><span class="glyphicon glyphicon-search"></span></button></span>
					
				</div>
				<a href="#" class="btn btn-top-cta affirmation hidden-xs hidden-sm"></a>
			</form>

		</div>
	</nav>

＆＃13;

Answer 1

没关系，我想出来了。我正在使用wpBootstrapStarter构建一个新主题。最近更新了主题，它还使用jquery 3.3.2更新了bootstrap发行版。我只是降级了，一切都很顺利。

我猜开发人员在发布之前没有完全测试。我通过控制台发现了很好的工作。

Wordpress Bootstrap Navwalker驾驶我Bonkers

1 个答案: