2017-08-02 33 views
0

我試圖重建從一個普通aspnetcore控制檯應用程序的aspnetcore MVC模板。現在我在前端部分,我寫了_Layout.cshtml-文件。當我運行應用程序,導航欄,按鈕(顯示在小屏幕上)將行不通引導切換按鈕不工作(不加載在加載到源文件儘管bootstrap.js事件偵聽器)

這個導航欄按鈕的功能例如我在談論

enter image description here

當我編寫代碼時,它不起作用。它坐落在那裏美麗而無反應。

住宿像這樣,當我點擊它
enter image description here

現在的按鈕標籤是相同的兩個:

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 

中要顯示的標籤是相同的兩個:

<div class="navbar-collapse collapse"> 

爲bootstrap.js腳本標籤是相同的兩個:

<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> 

當我檢查在工作實例的按鈕,檢查Event listeners我看到一大堆事件listerners的,他們都調用bootstrap.js文件:

enter image description here

當檢查按鈕在我自己的破碼中,我看不到任何事件聽衆:

enter image description here

這讓我覺得bootstrap.js還沒有在我的斷碼裝,但後來我看的源標籤:

enter image description here

而且bootstrap.js是存在的,明確加載和一切?造成這個問題的原因是什麼?

+0

你有jQuery的正確版本在你的代碼加載? – freginold

+1

噢,我的天啊,謝謝你!我也有jQuery的正確版本的加載,但腳本標籤是在我的代碼(第一bootstrap.js隨後的jquery.js)加載順序相反。當我切換訂單時,它開始工作(切換回來,停止工作,所以絕對如此)。你知道這是爲什麼嗎? – MrJalapeno

+0

引導依賴於jQuery的某些事情,所以如果jQuery的不首先加載,引導可能還沒有反應過來它應該如何。 – freginold

回答

1

引導依賴於jQuery的某些功能,從而jQuery的必須在bootstrap.js文件之前被加載。如果您有多個腳本文件,最好檢查依賴關係並確保首先加載所需的所有文件。 (從經驗來說!)