TypeError：$(...).progressbar不是函数

Question

我得到了TypeError：$(...).progressbar不是一个函数，当Gentelella - Bootstrap管理模板页面加载。它影响了许多Jquery进程。如何修复它。

我的错误行：(custom.js)

// Progressbar
if ($(".progress .progress-bar")[0]) {
    $('.progress .progress-bar').progressbar();
}

页脚Jquery文件

 <!-- jQuery -->

    <script src="{{url('vendors/jquery/dist/jquery.min.js')}}"></script>
    <!-- Bootstrap -->
    <script src="{{url('vendors/bootstrap/dist/js/bootstrap.min.js')}}"></script>
    <!-- FastClick -->
    <script src="{{url('vendors/fastclick/lib/fastclick.js')}}"></script>
    <!-- NProgress -->
    <script src="{{url('vendors/nprogress/nprogress.js')}}"></script>
    <!-- bootstrap-wysiwyg -->
    <script src="{{url('vendors/bootstrap-wysiwyg/js/bootstrap-wysiwyg.min.js')}}"></script>
    <script src="{{url('vendors/jquery.hotkeys/jquery.hotkeys.js')}}"></script>
    <script src="{{url('vendors/google-code-prettify/src/prettify.js')}}"></script>

    <!-- Custom Theme Scripts -->
    <script src="{{url('build/js/custom.min.js')}}"></script>

Answer 1

您需要使用以下代码

NProgress.start();
NProgress.done();

参考文档https://github.com/rstacruz/nprogress

我猜您正在使用nprogress。

Answer 2

尝试排序如何加载jquery javascript等...更改顺序并将其从底部移动到头部...

Answer 3

// Progressbar
$(document).ready(function(){
if ($(".progress .progress-bar")[0]) {
    $('.progress .progress-bar').progressbar();
}
})