bootstrap使用load()函数加载页面报:$(...).load is not a function错误

最新推荐文章于 2024-08-23 12:09:09 发布

大青儿

最新推荐文章于 2024-08-23 12:09:09 发布

阅读量4.4k

点赞数

分类专栏：前端基础文章标签： bootstrap javascript jquery html html5

本文链接：https://blog.csdn.net/baidu_41860619/article/details/106955343

版权

前端基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

我原本打算做一个信息管理系统，点击左侧标签栏，改变右边页面内容。实现这个效果应该使用jquery的load()函数。可我用bootstrap框架的时候，一直报$(…).load is not a function错误。

错误截图:

在这里插入图片描述

原因:jquery版本问题

这好像是bootstrap留的小坑，官网给的示例引用代码是这个：

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  </body>
</html>