Question

我得到TypeError：$（...）。当Gentelella - Bootstrap管理模板页面加载时，progressbar不是函数。它影响了很多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

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

Answer 2

您需要使用以下代码

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

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

我猜您使用的是nprogress。

Answer 3

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

TypeError：$（...）。progressbar不是函数

3 个答案: