我在angularjs中使用带有无限滚动的jquery砌体,它的工作性很好。只有问题是我想将砌体附加到下一个元素,并且目前它已应用于所有项目。我通过附加的方法,但因为我使用砌体无限滚动它不给我如何做到这一点。 考虑代码:
<div infinite-scroll='items.nextPage()' infinite-scroll-disabled='items.busy' infinite-scroll-distance='1'>
<div class="tiles" ng-repeat="item in items.item" on-finish-render="ngRepeatFinished">
<div>
<img ng-src="{{item.url}}" alt="{{item.itemName}}" >
</div>
</div>
</div>
$scope.$on('ngRepeatFinished', function(ngRepeatFinishedEvent){
var $container = $('#masonry-tiles').masonry({
//TODO: Once the way to implement the width classes to the masonry divs is figured out the columnWidth will be changed from 66 to grid-sizer
columnWidth: 150,
itemSelector: '.tiles'
});
$container.imagesLoaded( function() {
console.log('All images load');
if($rootScope.infiniteScroll){
console.log('Second time');
$container.masonry('prepended');
}else{
console.log('First Time');
$container.masonry();
}
});
});
并附加下一个元素我正在使用普通博客来实现。任何建议。 感谢。