jQuery lite:find()动画问题?

时间:2013-11-25 22:31:01

标签: jquery angularjs-directive

在Angular指令中应用以下内容时,刷新图标会动画一秒钟然后停止,那没关系就没问题了。当应用其他项目时会出现问题,因为当我想要的所有图像都是第一个动画时,所有图像都是并行设置的。

var img = element.find('img'); <-- I suspect this is incorrect
img.addClass('animate');
setTimeout( function() {
  img.removeClass('animate');
}, 1000);    


<!-- HTML TEMPLATE -->
<ul>
    <li ng-repeat="item in items">
        <div class="listItemContainer">
            <img class="refreshIcon" src="images/refresh.png">
            <div class="classA">{{item.prop1}}</div>
            <div class="classB">{{item.prop2}}</div>
        </div>
    </li>
</ul>

1 个答案:

答案 0 :(得分:0)

.find()将找到所有图像,而不仅仅是第一个图像。要过滤到第一个,只需在.eq(0)

之后添加.find()即可
var img = element.find('img').eq(0);