在angularjs中加载页面上的所有内容后运行jQuery

时间:2015-11-16 21:48:45

标签: jquery angularjs

我有一个指令,其中包括一些像这样的jQuery:

app.directive('openjs', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
                $('.active').parents('.fullSectionAccordion').fadeIn('fast');
                $('.active').parents('.accordionSection').fadeIn('fast');
            });

        }  // end jQuery
    };
});

.active类是由Angular中的ng-class生成的,所以jQuery没有把它拿起来,我怎么等到所有ng-classes都被设置为触发jQuery?

1 个答案:

答案 0 :(得分:0)

看看这个:(angular.element)[https://docs.angularjs.org/api/ng/function/angular.element]

  

如果jQuery可用,angular.element是jQuery的别名   功能。如果jQuery不可用,则angular.element委托给   Angular的内置jQuery子集,名为" jQuery lite"或" jqLit​​e。"

你不需要在AngularJS中使用jQuery(大多数情况下)。

您可以通过link函数的第二个参数访问元素。它是jQuery元素。 AngularJS有一些使用元素的方法。文档可以通过以上链接获得。