【问题标题】:Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript未捕获的 TypeError:Bootstrap 的 JavaScript 需要 jQuery。 jQuery 必须在 Bootstrap 的 JavaScript 之前包含
【发布时间】:2020-10-27 17:13:35
【问题描述】:

我正在编写代码并在 jQuery 2.1.4 的引导程序中遇到以下异常

Uncaught TypeError: Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.
    jQueryDetection util.js:179
    <anonymous> util.js:195
    <anonymous> bootstrap.min.js:6
    <anonymous> bootstrap.min.js:6

我的html文件的代码如下

    <!DOCTYPE html>
    <html lang="en">
     <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE-edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>****</title>
      <link rel="stylesheet" href="file:///C:/Users/Senjuti Bhattacharya/coursera-test/lecture3/css/bootstrap.min.css">
      <link rel="stylesheet" href="file:///C:/Users/Senjuti Bhattacharya/coursera-test/lecture3/css/styles.css">
      <link href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap" rel="stylesheet"> 
     </head>
    <body>
     <header>
       <nav id="header-nav" class="navbar navbar-default">
         <div class="container">
    
         </div>
       </nav>
    
    
     </header>
      
   

<!-- jQuery (Bootstrap JS plugins depend on it) -->
   <script src="file:///C:/Users/Senjuti Bhattacharya/coursera-test/lecture3/js/jquery-2.1.4.min.js"></script>
   <script src="file:///C:/Users/Senjuti Bhattacharya/coursera-test/lecture3/js/bootstrap.min.js">

</script>
       <script src="file:///C:/Users/Senjuti Bhattacharya/coursera-test/lecture3/js/script.js"></script>
    </body>
    </html>

有人可以帮帮我吗?

【问题讨论】:

  • 危险:该版本的 jQuery 有 known security problems 并且不再受支持。升级到当前版本的 jQuery。
  • 你可能只是把 jQuery 的路径弄错了。
  • 那我该安装哪一个,你的建议?
  • 当前版本。

标签: html jquery css twitter-bootstrap


【解决方案1】:

你在bootstrap.js之前已经包含了JQuery,看来你的路径有问题。

【讨论】:

    【解决方案2】:

    部分中包含所有 Javascript 源代码。

    【讨论】:

    • 这无济于事,通常被认为与最佳做法相反。
    猜你喜欢
    • 2019-10-29
    • 2018-03-17
    • 1970-01-01
    • 2016-08-16
    • 2020-03-17
    • 2020-11-15
    • 2016-12-14
    • 2015-06-01
    • 2018-01-31
    相关资源
    最近更新 更多