我想在我的项目(基于AngularJS的项目)中实现http://areaaperta.com/nicescroll/。
我需要做的是:
$(document).ready(
function() {
$("html").niceScroll();
}
);
但是,如果需要它在整个站点中运行并且在DOM完成加载后立即将其放置在哪里?不知道指令是否是我所需要的,如果需要,它将如何?应该在哪里包含/运行它?
最佳答案
在有角项目中使用jquery插件的最好方法是使用指令。
HTML:
…
<body ng-app="myApp" nicescroll>
</body>
…
JS:
…
var app = angular.module('myApp', []);
app.directive('nicescroll', function() {
return {
restrict: 'A',
link: function() {
// check, if the jquery plugin is loaded and available
if ($.fn.niceScroll) {
$('html').niceScroll();
}
}
}
});
…