在页面中添加bootstrap滑块提示错误,Slider is not defined这个应该怎么修改？

Question

Slider is not defined，在页面中添加bootstrap滑块提示错误,Slider is not defined这个应该怎么修改？

  <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/bootstrap-slider/9.4.1/css/bootstrap-slider.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap-slider/9.4.1/bootstrap-slider.min.js"></script>
           <input id="slider1"
                                   data-slider-id='ex1Slider'
                                   type="text"
                                   data-slider-min="0"
                                   data-slider-max="100"
                                   data-slider-step="1"
                                   data-slider-value="25"
                                   data-slider-handle="square"
                                   data-slider-tooltip="hide"/>
 <script>
const slider1 = new Slider('#slider1', {
        formatter: function (value) {
            $('#degreeInput1').val(value);
        }
    });
</script>                                  

Answer 1

确定js文件加载了吗。去控制台source看下。如果加载了那就是加载顺序问题了