2017-03-22 57 views
0

我目前正在使用把手創建節點應用程序。對於佈局,我需要一個內置下拉的Bootstrap導航欄。下拉菜單不起作用,因爲我無法讓jquery工作。引導下拉菜單不起作用在Node應用程序中,因爲jQuery

這裏是我的目錄結構僅包括相關文件:

root 
    ├ models 
    ├ node_modules 
    | ├ jquery 
    ├ public 
    | ├ css 
    | | ├ bootstrap.css 
    | ├ fonts 
    | ├ js 
    | | ├ bootstrap.js 
    | | ├ jquery-3.1.1.js 
    ├ routes 
    ├ views 
    ├ app.js 
    ├ package.json 

正如你所看到的,我已經下載的jQuery是一個模塊,也使用下載的版本從網站添加到我的公用文件夾。

我已經掛在我的layout.handlebars文件,像這樣:

<script type = "text/javascript" src = "/js/jquery-3.1.1.js"></script> 

我還需要在我的app.js文件中像這樣:

var $ = require('jQuery'); 

即使有兩個實現方法,jQuery仍然無法正常工作,導致我的下拉菜單無法正常工作。

如果我檢查我的網頁,我得到這個消息: enter image description here 如果我檢查的來源,我們可以看到我的引導js文件和鏈接jQuery的文件,但: enter image description here

任何幫助表示讚賞!

+1

那個錯誤告訴你這個問題。你有jquery 3.1.1,但bootstrap需要jquery小於3的版本。 –

+0

哦,我的上帝..謝謝..我使用的是一個古老版本的bootstrap。我現在覺得自己正在放棄編碼。 – KeplerIO

回答

0

實際使用我的大腦和閱讀後,錯誤消息告訴我我的Bootstrap版本與我的jQuery版本不兼容。請參閱上面的問題中的錯誤消息以進行說明。

+1

「kiddo」?你的答案如何或形成完整答案?如果另一個用戶與你同樣的問題進入並看到了答案(實際上這個錯誤說的很多),你認爲他們會明白這意味着什麼嗎?真正的答案至少會有更多的實質。 –

+1

另一方面,你的問題是典範;格式良好,有相關的代碼,並給出了所需的所有細節以瞭解發生了什麼。答案應該是類似的口徑:) –

相關問題