Bootstrap 导航栏下拉菜单不能仅从一页工作答案

【问题标题】：Bootstrap navbar dropdown not working only from one pageBootstrap 导航栏下拉菜单不能仅从一页工作
【发布时间】：2025-12-22 03:20:21
【问题描述】：

我有一个带有 3 个按钮的导航栏，分别是主页、电影和流派。单击流派应打开下拉列表，其中包含从数据库生成的所有流派列表，然后单击每个流派，将显示包含所选流派电影列表的流派页面。但是当我尝试从主页访问它时，类型按钮（带下拉菜单）不起作用。但它适用于任何其他页面。我正在使用 Bootstrap 3.3.7 导航栏，我们将不胜感激。

我的导航栏.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>

【问题讨论】：

欢迎来到 *，您的问题应该包含一个最小、完整和可验证的示例，here's how。另外，请删除 PHP 并提供生成的标记。另一件事，你是如何包含引导文件的？您是否已确认这些文件已包含在主页上？

标签： php jquery css twitter-bootstrap navbar

【解决方案1】：

如果在离开主页时引导菜单无法正常工作，因为听起来 bootstrap.js 没有在您的子页面上运行以使下拉菜单正常工作。检查您的网络选项卡 > js 并查看是否正在加载 bootstrap.min.js 或查看源代码。

【讨论】：