Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery未在twitter引导程序中定义_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript jQuery未在twitter引导程序中定义

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/

我得到一个错误,说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/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文件添加到引导程序上方

我已经测试过了,这个顺序似乎效果最好

  • 加载CSS
  • 加载jQuery
  • 加载引导
  • 加载jQuery用户界面

  • 这很可能是因为两个原因:

  • 您正在加载jQuery两次;移除其中一个(最好是旧版本)
  • 在加载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://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" />