关于Bootstrap 2和jQuery 1.7.2的困惑

时间:2014-12-11 03:01:23

标签: javascript jquery html twitter-bootstrap

在我的jsfiddle中:

http://jsfiddle.net/5fs7e6wt/5/

我从谷歌CDN手动导入jQuery 1.7.2,但你可以看到下拉列表不起作用。

但是,当我更改jsfiddle以在左侧栏中使用jQuery 1.7.2 onLoad时,现在下拉列表似乎正常工作。

对于我的开发环境中发生了什么变化,或者jsfiddle另外提到我失踪的内容,我感到很困惑?

非常感谢任何关于如何调试这种情况的建议。

只看新的"来源"从页面源引入是相当不愉快的,因为它与预先存在的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>

1 个答案:

答案 0 :(得分:2)

这种情况正在发生,因为你在jQuery之前包含了bootstrap。如果您查看控制台,您将看到收到错误:

  

未捕获的TypeError:undefined不是函数

只需切换此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>