改变内容加载无限滚动

Question

我正在加载一些无限滚动的内容。我想改变每一个已加载的.post的边框。我在回调中有一个函数，像这样:

$('#index-container').infinitescroll({
    loading: {
        finishedMsg: " ",
        img: "http://i.imgur.com/6SXXf7L.gif",
    },
    behavior: undefined,
    binder: $(window), // used to cache the selector for the element that will be scrolling
    nextSelector: "#next-page",
    navSelector: "#footer",
    itemSelector: ".post",
    dataType: 'html',
}, function() {
    $('.post').css('border', '5px solid red'); // my function
});

然而，一旦调用了

，它会影响所有的内容(甚至是非无限滚动加载的内容)。是否有一种方法可以只针对新加载的内容?

Answer 1

如果帖子是一次添加一个，您可以像这样识别新帖子

$('.post').last().css('border', '5px solid red');

Answer 2

我想我找到解决办法了。数据通过回调中的参数传递，如下所示:

$('#index-container').infinitescroll({
    loading: {
        img: "http://i.imgur.com/6SXXf7L.gif",
    },
    nextSelector: "#next-page",
    navSelector: "#footer",
    itemSelector: ".post"
}, function(data) { // 'data'
    data.find('.post').css('border', '5px solid red'); // would probably work.
});

示例如下:将infinitesscroll与砌体结合使用