我有一个带有3个按钮的导航栏,分别显示“首页,电影和流派”。单击流派应打开包含从数据库生成的所有流派的列表的下拉列表,并单击每个流派,将显示包含所选流派的电影列表的流派。但是,当我尝试从主页访问“类型”按钮(带有下拉菜单)时,该按钮不起作用。但这对其他任何页面都适用。我正在使用Bootstrap 3.3.7 navbar,将不胜感激。
我的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>
最佳答案
如果从首页导航时引导菜单无法正常工作,则听起来像bootstrap.js不在子页面上运行,下拉菜单也无法正常工作。检查您的网络标签> js,查看是否正在加载bootstrap.min.js或查看源。
关于php - Bootstrap导航栏下拉菜单仅在一页上不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41166702/