用bootstrap框架编写的轮播器无法正常使用

自己在学bootstrap框架时遇到的，这是代码和控制台报错，点击切换按钮无法正常切换，不知道是哪里的问题。

jquery引入失败

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/366407
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：使用bootstrap之轮播插件不自动播放的问题和播放时间间隔的问题解决方法
• 除此之外, 这篇博客: 使用bootstrap实现轮播图的触屏函数中的 以下是实现触屏轮播图的实现 适用于所有用bootstrap制作的轮播图 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  

  function banner () {
     var carousel = document.querySelector('.carousel');
      var startX=0;
      var moveX=0;
      var distance=0;
      //绑定触屏事件
      carousel.addEventListener('touchstart',function(e){
          //记录触屏开始的数据
          startX= e.targetTouches[0].clientX;
      })
      carousel.addEventListener('touchmove',function(e){
          //记录触屏开始的数据
          moveX= e.targetTouches[0].clientX;
          distance = moveX-startX;
      })
      //绑定触屏结束事件
      carousel.addEventListener('touchend',function(e){
          if(distance>0){
            $(this).carousel('prev');
          }
          if(distance<0){
            $(this).carousel('next');
          }
          //数据重置
          startX=0;
          moveX=0;
          distance=0;
      })
  }

  Bootstrap 框架中的 carousel 插件给使用者提供了几种特殊的调用方法，简单说明如下:

  .carousel(“cycle”)：从左向右循环播放；
  .carousel(“pause”)：停止循环播放；
  .carousel(“number”)：循环到指定的帧，下标从0开始，类似数组； .carousel(“prev”)：返回到上一帧；
  .carousel(“next”)：下一帧

• 您还可以看一下 张晨光老师的BootStrap快速入门基础教程系列课程中的 bootstrap栅格布局小节, 巩固相关知识点
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^