混淆引導2和jQuery 1.7.2

我手動導入的jQuery 1.7.2從谷歌CDN但你可以看到下拉菜單無法正常工作。

但是，當我改變jsfiddle在左側欄中使用jQuery 1.7.2 onLoad時，現在下拉菜單似乎正常工作。

我對我的開發環境中發生了什麼變化或者jsfiddle額外拉我缺少什麼感到困惑？

任何關於如何調試這種情況的建議將非常感激。

只看從頁面源拉入新的「來源」是相當counfusing，因爲它與預先存在的jsfiddle JavaScript混合。

我進口的樣子：

<link type="text/css" rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/2.2.2/css/bootstrap.min.css"> 
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet"> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/2.2.2/js/bootstrap.min.js" charset="utf-8"></script> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

來源

2014-12-11 Andy

我沒有看到jQuery被導入該小提琴中。您正在抓取Bootstrap CSS，FontAwesome CSS和Bootstrap JavaScript。沒有jQuery。 – Pointy 2014-12-11 03:02:32

非常感謝您的支持，我必須在某個時候意外刪除它。但是，我將它添加回來。 – Andy 2014-12-11 03:09:48

jQuery必須首先加載。 Bootstrap之前。 – Antiga 2014-12-11 03:15:04

發生這種情況，因爲你是包括jQuery的前引導。如果檢查出的控制檯，你會看到你所得到的錯誤：

Uncaught TypeError: undefined is not a function

在此fiddle只需將腳本元素等。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/2.2.2/js/bootstrap.min.js" charset="utf-8"></script>

來源

2014-12-11 03:20:00

混淆引導2和jQuery 1.7.2

回答

相關問題