jquery - ng-scrollbar 中的错误 TypeError : c. mCustomScrollbar 不是函数

Question

我使用 Bower 安装了 jquery angularjs 和 ng-scrollbars，但是当我尝试使用 ng-scrollbars 时，出现以下错误

 TypeError: c.mCustomScrollbar is not a function
    at b (http://localhost:3000/bower_components/ng-scrollbars/dist/scrollbars.min.js:1:288)
    at Object.link 

这是我的基本模块

var app = angular.module('pro',['ce','restangular','ngScrollbars']);

这是我调用 ngscrollbars 的指令

angular.module('pro')
    .directive('pd',function () {
        return{
            bindToController:true,
            scope:{
            dat:'<'
            },
            restrict : 'E',
            templateUrl:'cs.tpl.html',
            controllerAs:'ctrl',
            controller: function() {
                var self = this;
                self.config = {
                    autoHideScrollbar: false,
                    theme: 'light',
                    advanced:{
                        updateOnContentResize: true
                    },
                        setHeight: 200,
                        scrollInertia: 0
                    };

                };
            }
       });

这是我的模板文件

  <tr ng-scrollbars ng-scrollbars-config="ctrl.config" ng-repeat="spec in specsctrl.dat"><td>{{spec.name}}</td><td>  {{spec.value}}</td></tr>

我该如何继续，提前致谢

注意:我正在使用 angularjs 1.5.8 和 jquery 3.x

Answer 1

我也遇到了同样的错误，但在我将“jquery.js”和“mCustomScrollbar.js”脚本移到“angularjs”之前时它消失了

<script src="/js/jquery-2.2.4.min.js"></script>
<script src="/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/js/angular.min.js"></script>
<script src="/js/scrollbars.min.js"></script>