Bootstrap下拉菜单在WordPress中不起作用[关闭]答案

【问题标题】：Bootstrap dropdown menu not working in WordPress [closed]Bootstrap下拉菜单在WordPress中不起作用[关闭]
【发布时间】：2016-03-24 22:05:14
【问题描述】：

我的 menu 是使用 wp bootstrap navwalker 构建的，除了下拉菜单不起作用外，一切都很好。我检查了 functions.php 中 jquery 和 bootstrap.css 和 boostrap.js 顺序的加载，一切看起来都正确。我已经使用它从头开始构建了几个主题，但我继承了这个网站，但我无法让它工作...... 如果有人可以提供建议，网站就在这里—— http://rala.missionarydesign.net/

【问题讨论】：

如果我取消注释您评论过的代码，它会起作用

标签： php jquery css wordpress twitter-bootstrap

【解决方案1】：

这样试试

 <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><nav class = "navbar navbar-default" role = "navigation">
   
   <div class = "navbar-header">
      <button type = "button" class = "navbar-toggle" 
         data-toggle = "collapse" data-target = "#example-navbar-collapse">
         <span class = "sr-only">Toggle navigation</span>
         <span class = "icon-bar"></span>
         <span class = "icon-bar"></span>
         <span class = "icon-bar"></span>
      </button>
		
      <a class = "navbar-brand" href = "#">Example</a>
   </div>
   
   <div class = "collapse navbar-collapse" id = "example-navbar-collapse">
	
      <ul class = "nav navbar-nav">
         <li class = "active"><a href = "#">Home</a></li>
         <li><a href = "#">About</a></li>
			
         <li>
            <a href = "#" >
               Contact
              
            </a>
            
            
            
         </li>
			
      </ul>
   </div>
   
</nav>

【讨论】：

您能否接受或评论此解决方案

【解决方案2】：

您在 HTML 中使用了错误的 data-target 值。更新到关注。

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" aria-controls="navbar">

【讨论】：

谢谢！再加上我有两个容器 ID 的事实。一个在 wp_nav_menu 外面，一个在里面。我删除了外部容器并更改了数据目标并且它起作用了。