Bootstrap：在HTML佈局中鏈接JavaScript文件的正確方法

我對網頁開發仍然很陌生，我承認我不擅長設計，所以我非常依賴Bootstrap良好的CSS設計樣式表，下拉列表等。如何在主要佈局鏈接你的引導文件？到目前爲止引導很好地工作在我的新創建的網站，但我有一個問題，谷歌的開發者控制檯告訴我有錯誤，我的layout.htmlBootstrap：在HTML佈局中鏈接JavaScript文件的正確方法

Uncaught Error: Bootstrap's JavaScript requires jQuery

這是我如何在我的佈局中鏈接Bootstrap css/js，

<head><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"></head> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

所以我tr滅蠅燈這樣

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

現在的錯誤是在表gone.The造型，尋呼機仍然有效，但引導的導航欄在下拉不再works.How你解決這個問題？

<div class="navbar navbar-default navbar-static-top" role="navigation"> 
       <div class="container"> 
        <div class="navbar-header"> 
         <a class="navbar-brand" href="{{ path('voters_register') }}"> 
          Register Here 
         </a> 
         <button type="button" class="navbar-toggle" 
           data-toggle="collapse" 
           data-target=".navbar-collapse"> 
          <span class="sr-only">Toggle navigation</span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
          <span class="icon-bar"></span> 
         </button> 
        </div> 
        <div class="navbar-collapse collapse"> 
         <ul class="nav navbar-nav"> 
          <li class="active"><a href="{{path('homepage')}}">Home</a></li> 
          <li><a href="{{ path('about') }}">About</a></li> 
          <li><a href="{{path('contact')}}">Contact</a></li> 
          <li class="dropdown">//the problem is here 
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Stats<span class="caret"></span></a> 
           <ul class="dropdown-menu"> 
            <li><a href="{{path('voters_groups')}}">Supporter's Groups</a></li> 
            <li><a href="{{path('voters_island')}}">Statistics</a></li> 
            <li><a href="{{path('search_city')}}">Search</a></li> 
            <li><a href="{{path('voter_graph')}}">Graphs</a></li> 
            <li><a href="{{path('voters_list')}}">Lists of Supporters</a></li> 
            <li><a href="{{path('voters_messages')}}">Supporter's Messages</a></li> 
            <li><a href="{{path('voters_register')}}">Register Here</a></li> 
            <li><a href="#">Something else here</a></li> 
            <li role="separator" class="divider"></li> 
            <li class="dropdown-header">Nav header</li> 
            <li><a href="#">One more separated link</a></li> 
           </ul> 
          </li> 
         </ul> 
         <.........other markups....>

來源

2015-08-23 Danielle Rose Mabunga

是引導3.3.5使用jQuery 1.11.3（兼容編輯：是的，要求1.9.1或更好）。另外，您知道，通過此代碼，您可以在頁面中嵌入JavaScript（而不是CSS）。你是否也包含了CSS鏈接？ –

我無法重現與下拉不起作用的問題。你能提供一個jsfiddle來證明這個問題嗎？ –

我以前也有這個問題，改變你的配置是這樣

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

將解決問題。我不知道爲什麼從JQuery.com

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

鏈接將在開發者控制檯導致錯誤，但是，仍然工作anyway.Hoep它有助於

來源

2015-08-23 05:24:24 rai

在這裏你可以找到一個例子如何鏈接文件 Bootstrap basic template

是否包含樣式表？如果是這樣顯示您的導航欄代碼，可能是錯誤的。

來源

2015-08-23 05:02:04 Svyat

當你點擊下拉鍊接時是否有錯誤？ – Svyat

錯誤仍然存在。但現在已經修復，因爲用戶Ian Russel Adem –

-1

擺脫boostrap JS文件中的'https：'，您可能會通過http加載頁面導致SSL衝突。

編輯：爲什麼我得到downvoted？相對URL的是一件事......就算是頂級的答案是使用他們...

來源

2015-08-23 05:15:22 AlmightyWhy

請使用此鏈接標籤

<head> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
</head>

來源

2015-08-23 05:17:43 Vijay

Bootstrap：在HTML佈局中鏈接JavaScript文件的正確方法

回答

相關問題