获得错误“;对象没有方法'jScrollPane'"与AngularJS一起使用时

Getting an error "Object has no method 'jScrollPane'" when using it with AngularJS

本文关键字：AngularJS 一起 quot jScrollPane 对象 有方法 错误      更新时间：2023-10-22

我在另一个组上找到了以下指令。但没有关于如何使用它的说明：

appModule.directive('scrollpane',function($compile)
{
    return {
        restrict: 'A',
        link: function(scope , element , attrs) {
            element.addClass('scroll-pane');
            element.jScrollPane();
            var api = element.data('jsp');
            scope.$watch(function(){return element.find('.'+attrs.scrollpane).length},function(length){
                api.reinitialise();
            });
        }
      };
});

我正试着这样使用它：

    <div scrollpane
        style="overflow: hidden; padding: 0px; width: 760px;">
        <table">
            <tr data-ng-repeat="row in grid.data">

但当我的页面显示时，这给了我一个错误：

TypeError: Object [object Object] has no method 'jScrollPane'
    at link (http://127.0.0.1:81/Content/app/common/directives/autoExpand.js:37:21)
    at S (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:49:305)
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:59)
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:76)
    at S (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:49:246)
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:59)
    at S (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:49:246)
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:59)
    at h (http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:43:76)
    at http://127.0.0.1:81/Scripts/angular-v1.2.0/angular.min.js:42:114 
      <div scrollpane="" style="overflow: hidden; padding: 0px; width: 760px;" >

有人知道是什么原因导致了这个错误吗？我该如何修复它？

错误是可观察的，element.jScrollPane（）；元素对象上没有jScrollPane（）方法，如果你想从jquery插件中使用jScrollPane，请确保你在html中引用了该插件。

相关文章：