2014-12-12 5 views
0

Я знаю, что это было задано, но я не могу исправить это на основе ответов, поскольку я сделал включенные в другие темы. Мой выпадающий список в bootstrap navbar не работает. Мне очень странно, как работают другие функции, такие как меню для мобильных устройств. Я присоединяюсь к приведенному ниже коду. Спасибо!!Выпадающий список Navbar Bootstrap не работает

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW" /> 
<META NAME=“Version” CONTENT=“Plano R1” /> 
    <title>Plano</title> 


    <script src="/scripts/jquery-latest.min.js" type="text/javascript"></script> 
<script src="/scripts/jquery.jeditable.js" type="text/javascript"></script> 
<script src="/scripts/jquery.jeditable.masked.js" type="text/javascript"></script> 
<script src="/scripts/jquery.maskedinput-latest.min.js" type="text/javascript"></script> 
<script src="/scripts/jquery.autocomplete.js" type="text/javascript"></script> 
<script src="/scripts/date.format.js" type="text/javascript"></script> 
<script src="/scripts/jquery.floatThead.js" type="text/javascript"></script> 
<script src="/scripts/PatientSearch.js" type="text/javascript"></script> 
<script src="/scripts/jquery-ui.js" type="text/javascript"></script> 

<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'> 
<link rel="stylesheet" type="text/css" href="/css/jquery-ui-latest.css"> 
<link rel="stylesheet" type="text/css" href="/css/iPad.css"> 
<link rel="stylesheet" type="text/css" href="/css/cms.v2.css"> 
<link rel="stylesheet" type="text/css" href="/css/css3-buttons.css"> 
<link rel="stylesheet" type="text/css" href="/css/patients.css"> 
<link rel="stylesheet" type="text/css" href="/css/appointments.css"> 
<link rel="stylesheet" type="text/css" href="/css/jquery.autocomplete.css"> 
<link rel="stylesheet" type="text/css" href="/css/base/jquery.ui.autocomplete.css"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<link rel="stylesheet" href="../dist/css/bootstrap.css"> 
<script src="../dist/js/bootstrap.min.js"></script> 

</head> 
<body> 
    <header class="noPrint"> 

    <nav class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand plano">&nbsp;&nbsp;Plano&nbsp;&nbsp;&nbsp;</a> 
    </div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav" role="navigation"> 
     <li><a href="/agenda/agenda.php"><span class="icon icon33"></span><span class="">Agenda</span></a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">R&eacute;pertoires<span class="caret"></span></a> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="/providers/">Fournisseurs</a></li> 
      <li><a href="/patients/">Patients</a></li> 
      <li><a href="/professionals/">Professionels</a></li> 
      </ul> 
     </li> 
     <li><a href="/tasks/inactives.php"><span class="icon icon120">T&acirc;ches</a></li> 
     <li><a href="/settings/status.php?table=patient"><span class="icon icon96">R&eacute;glages</a></li> 
     <li><a href="/patients/dispos.php" onclick="popUp(this.href,'console',600,435);return false;" target="newWin" id="dispo-link">Disponibilit&eacute;s</a></li> 
     <li><a href="#" id="add-link"><span class="icon icon3">Patient</a></li> 
     <li><a href="/logout.php"><span class="icon icon151">D&eacute;connexion</a></li> 
     </ul> 
     <form class="navbar-form navbar-right" role="search"> 
     <div class="form-group"> 
      <input type="text" id="searchboxappointment" name="searchboxappointment" placeholder="Rechercher un patient" class="form-control searchboxappointment searchengine " size="35" value="<?php echo isset($_POST['searchboxappointment']) ? $_POST['searchboxappointment'] : "";?>" /> 
     </div> 
     </form> 
    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</nav> 

</header 

ответ

0

Я добавил код в код. HEREli Кажется, что работает для меня. Возможно, ваша проблема в другом месте.

Вы проверили, действительно ли эти ресурсы CDN предоставляют вам свои библиотеки или даже подключаются к Интернету с вашим сайтом? Отключаете ваш сервер в автономном режиме? Если да, ссылки CDN не будут подключаться.

Я бы сохранил эти ссылки CDN внутри вашего корня. Они отлично подходят для тестирования, но они не предназначены для постоянных ресурсов. Если их сервер опустится, то и ваш сайт. Не говоря уже о том, что вы не можете изменить код в них, если вам нужно это сделать.

+0

Да, я обязательно сделаю это, если я получу его работу. – tarball111

+0

Я добавил копейщик в свой ответ и переформулировал ответ. – LOTUSMS

+0

См. Мои правки. Поведение не изменилось с моего первоначального сообщения. – tarball111

2

Ваша загрузка 2 версии jQuery. Избавьтесь от версии 1.11.0.

<script src="/scripts/jquery-latest.min.js" type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
Смежные вопросы