下拉菜单在教程中不起作用

Question

我有一个来自YouTube教程的代码。我被卡住了，因为它不起作用，而我已经添加了它的引导程序js和其他程序。请帮帮我 。谢谢。

这里是教程下拉菜单代码：

<div class="navbar navbar-inverse navbar-static-top"> 

    <div class="container"> 
     <a href="#" class="navbar-brand">Site Tittle</a> 

     <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
      <span class="icon-bar"> </span> 
      <span class="icon-bar"> </span> 
      <span class="icon-bar"> </span> 
     </button> 

     <div class="collapse navbar-collapse navHeaderCollapse"> 

      <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Blog</a></li> 
      <li class="dropdown"> 

       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Media <b class="caret"></b></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Twitter</a></li> 
        <li><a href="#">Facebook</a></li> 
        <li><a href="#">Google+</a></li> 
        <li><a href="#">Instagram</a></li> 
       </ul> 
      </li> 
      <li><a href="#">About</a></li> 
      </ul> 
     </div> 
    </div> 
    </div> 

这里是链接：

<link href="<?php echo base_url('assets/css/bootstrap.css');?>" rel="stylesheet"> 
    <link href="<?php echo base_url('assets/css/bootstrap.min.css');?>" rel="stylesheet"> 
    <link href="<?php echo base_url('assets/css/bootstrap-theme.css');?>" rel="stylesheet"> 
    <link href="<?php echo base_url('assets/js/jquery.min.js');?>" rel="stylesheet"> 

Answer 1

<script src="<?php echo base_url('assets/js/jquery.min.js');?>"></script>

你包括JS文件样式

Answer 2

如果没有工作的代码，我只能猜测。

但我的猜测是因为这一点：

data-target=".navHeaderCollapse" 

尝试删除时期。

而我认为navHeaderCollapse应该是一个id。

Answer 3

尝试添加

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

和.navHeaderCollapse是正确的。不要改变它。

Answer 4

你忘了引导js文件：

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 

这一行就应该工作。