AngularJS - 加载后调用jquery

时间:2013-01-07 01:33:05

标签: jquery slider angularjs

我的页面上有一个图像滑块:
这是我的电话:

<div id="slider">
    <ul class="bjqs">
        <li ng-repeat="image in dealer.images"><img src="{{image}}" alt="{{image}}" /></li>   
    </ul>
</div>

滑块无法正常工作。我想我必须在加载图像后加载jQuery init 这是对滑块的调用:

$('#slider').bjqs({
            height      : 420,
            width       : 130,
            responsive  : true
          });  

如何在加载图像后调用此功能?

1 个答案:

答案 0 :(得分:1)

如果你确定这是问题,那么你可以使用Nick Craver's solution

$(".bjqs img").one('load', function() {
   $('#slider').bjqs({
       height      : 420,
       width       : 130,
       responsive  : true
   });  
}).each(function() {
   if(this.complete) $(this).load();
});