부트 스트랩 navbar 드롭 다운이 한 페이지에서만 작동하지 않습니다.

홈, 영화 및 장르를 나타내는 3 개의 버튼이있는 탐색 모음이 있습니다. 장르를 클릭하면 데이터베이스에서 생성 된 모든 장르의 목록이있는 드롭 다운이 열리고 각 장르를 클릭하면 선택한 장르의 영화 목록이 포함 된 genrepage가 표시됩니다. 하지만 장르 버튼 (드롭 다운 포함)은 홈페이지에서 액세스하려고 할 때 작동하지 않습니다. 그러나 다른 페이지에서는 잘 작동합니다. Bootstrap 3.3.7 navbar를 사용하고 있는데 도움이 될 것입니다.부트 스트랩 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>

출처

2016-12-15 user

StackOverflow에 오신 것을 환영합니다. 질문에 최소한의 완전하고 검증 가능한 예제가 있어야합니다. [here 's how] (http://stackoverflow.com/help/mcve). 또한 PHP를 제거하고 생성 된 마크 업을 제공하십시오. 또 다른 방법은 부트 스트랩 파일을 어떻게 포함 시켰습니까? 해당 파일이 홈 페이지에 포함되어 있는지 확인 했습니까? – hungerstar

부트 스트랩 메뉴는 홈페이지에서 멀리 탐색 할 때 bootstrap.js 같은 소리로 드롭 다운이 일에 대한 귀하의 하위 페이지에서 실행되지 않고, 작업을 실패합니다. 네트워크 탭> js를 확인하고 bootstrap.min.js가로드되는지 또는 소스를 확인하십시오.

출처

2016-12-17 23:55:44

부트 스트랩 navbar 드롭 다운이 한 페이지에서만 작동하지 않습니다.

답변

관련 문제