Bootstrap导航栏下拉菜单不能只从一个页面工作

问题描述：

我有一个导航栏，有3个按钮，说家，电影和流派。点击流派应打开下拉列表，从数据库生成的所有流派的列表，并点击每个流派，genrepage包含所选类型的电影列表出现。但是当我尝试从主页访问时，流派按钮（带下拉列表）不起作用。但它适用于任何其他页面。我正在使用Bootstrap 3.3.7 navbar和任何帮助将不胜感激。Bootstrap导航栏下拉菜单不能只从一个页面工作

我navbar.php

<?php 

/* 
    array of pages 
    this builds the navigation list 

    format: 
    filename => URL name 
    */ 
    $navArray = array(
    'index'   => 'Home', 
    'film'   => 'Films', 
    'genre'   => 'Genre', 
    ); 

    ?> 


    //some html code here 

      <?php 
      foreach($navArray as $key => $nav){ 

      //assign active class to currently active page 
       if(strstr($_SERVER['SCRIPT_NAME'], $key)) 
        $active = ' active'; 
       else $active = ''; 

       //if Genre is selected, display dropdown menu 
       if($nav=='Genre'){ 

        echo '<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Genre<span class="caret"></span></a> 
     <ul class="dropdown-menu">'; 



      //generate dropdown from database, giving the list of genres 
      $queryGenreList="SELECT genre.`name` 
          from genre; 
          "; 
      $resultGenreList=$db->query($queryGenreList); 


      if($resultGenreList->num_rows > 0){ 
       while($row = $resultGenreList->fetch_assoc()){ 

       echo '<li><a href="genreInfo.php?name='.$row["name"].'">'.$row["name"].'</a></li>'; 

       } 
      } 
      echo '</ul> 
      </li>'; 

       } 

       echo"<li class='nav-item".$active.";'>"; 
       if($nav!='Genre'){ 
        echo"<a class='nav-link' href=".$key.".php>".$nav."</a>"; 
       } 

       } 
       ?> 


     </li>

欢迎来到StackOverflow，你的问题应该包含一个最小，完整和可验证的例子，[这里是如何]（http://stackoverflow.com/help/mcve）。另外，请删除PHP并提供生成的标记。另一件事，你如何包含Bootstrap文件？您是否已验证这些文件是否包含在主页上？ – hungerstar

答

如果启动菜单未能从主页导航离开时的工作，因为它听起来像bootstrap.js不上你的子页面运行的下拉工作。检查您的网络选项卡> js，并查看bootstrap.min.js是否正在加载或查看源代码。

Bootstrap导航栏下拉菜单不能只从一个页面工作

相关推荐