Jquery石工附加无限滚动

时间:2015-01-29 02:52:30

标签: jquery-masonry infinite-scroll

我在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();
        }
    });
});

并附加下一个元素我正在使用普通博客来实现。任何建议。 感谢。

0 个答案:

没有答案