2016-12-15 4 views
0

У меня есть панель навигации с 3 кнопками, говорящая «Дом, фильмы и жанры». Щелчок по жанру должен открыть раскрывающийся список со списком всех жанров, сгенерированных из базы данных, и при нажатии на каждый жанр появляется жанр, содержащий список фильмов выбранного жанра. Но кнопка «Жанр» (с выпадающим списком) не работает, когда я пытаюсь получить к ней доступ с домашней страницы. Но он отлично работает для любых других страниц. Я использую Bootstrap 3.3.7 navbar, и любая помощь будет оценена.Bootstrap 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> 
+3

Добро пожаловать в StackOverflow, ваш вопрос должен содержать минимальный, полный и проверенный пример, [здесь, как] (http://stackoverflow.com/help/mcve). Кроме того, удалите PHP и предоставите сгенерированную разметку. Другое дело, как вы включали файлы Bootstrap? Вы подтвердили, что эти файлы включены на главную страницу? – hungerstar

ответ

0

Если бутстраповское меню не в состоянии работать при переходе от домашней страницы, как это звучит, как bootstrap.js не работает на ваши подстраницы для выпадающих работать. Проверьте вкладку сети> js и посмотрите, загружается ли bootstrap.min.js или просматривается источник.

Смежные вопросы