Javascript jQuery未在twitter引导程序中定义
我得到一个错误,说jQuery没有定义。我想使用twitter引导和jQueryUI。在我的Javascript jQuery未在twitter引导程序中定义,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我得到一个错误,说jQuery没有定义。我想使用twitter引导和jQueryUI。在我的中,我添加了必要的CSS和JS。我注意到jQueryUI页面使用1.9.1jQuery,最新版本是1.10.2。所以我假设有某种冲突正在发生。Twitter引导需要jQuery,因此可能是jQuery导致了错误。也许我做错了什么 负责人: 首先加载jQuery <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/
中,我添加了必要的CSS和JS。我注意到jQueryUI页面使用1.9.1jQuery,最新版本是1.10.2。所以我假设有某种冲突正在发生。Twitter引导需要jQuery,因此可能是jQuery导致了错误。也许我做错了什么
负责人:
首先加载jQuery
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
将jquery js文件添加到引导程序上方我已经测试过了,这个顺序似乎效果最好
这很可能是因为两个原因:
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" />
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" />
Jquery需要在引导前列出。为什么要包括两个版本的Jquery?@j08691好的,Jquery UI站点链接使用该版本,我查找了一些关于JS向后兼容性的信息。我读到它很好,但有时会有错误,所以我将两者都包括在内。总是在JS之前加载CSS。理想情况下,你会在HTML之后加载javascript,所以就在
之前-它在此之前不会使用,这样会加速页面加载。对我来说不起作用。我在引导之前有jQuery,但还是得到了错误!你为什么给jquery打了好几次电话。你能解释一下吗?@tymeJV-非常感谢!:在jQuery之前加载bootstrap.min.js似乎是我的问题。干杯
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" />
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js" />
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" />