Perfect-scrollbar:element.getAttribute不是函数

时间:2015-12-24 14:11:09

标签: javascript angularjs perfect-scrollbar

我试图在AngularJS网站上使用完美滚动条插件,但我收到错误:

  

TypeError:element.getAttribute不是getId的函数   (http://localhost/Myproject/js/lib/perfect-scrollbar.jquery.js:1299:20)   在Object.exports.get   (http://localhost/Myproject/js/lib/perfect-scrollbar.jquery.js:1334:20

做了什么:

// connections
link href="css/perfect-scrollbar.min.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="js/lib/perfect-scrollbar.jquery.js"></script>
<script src="js/lib/perfect-scrollbar.js"></script>

//styles
.carousel-in-circles {
  position: relative;
  overflow: hidden;
  width: 100%; /* I need horizontal scrollbar only */
}

// directive use
<div class="carousel-in-circles" perfect-scrollbar>...</div>

// angularJS directive
angular.module('myproject.directives').
    directive('perfectScrollbar', function () {
        return {
            link: function (el) {
                $(document).ready(function (){
                    $(el).perfectScrollbar();
                });                
            }
        };
    });

我无法应付它,希望得到一些建议......

1 个答案:

答案 0 :(得分:0)

如果您的网站是有角度的,那么我会在这里使用完美滚动条的角度版本:

https://github.com/itsdrewmiller/angular-perfect-scrollbar

在角度上使用jQuery插件并不是它的设计目的。