在我的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>
答案 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>