nfinite scroll+Masonry无限滚动飞瀑流

nfinite scroll+Masonry无限滚动瀑布流
html代码

HTML code

<div id="content"></div><div class="page clear">    <div class="pages">    <a href="index2.html">下一页</a>    </div></div>

JScript code

$(function () {        var $container = $('#content');        $.post("GetPicInfo.aspx", function (data) {            //alert(data);            $("#content").html(data);        });        $('#content').infinitescroll({            navSelector: "div.page .pages",            nextSelector: "div.page .pages a:first",            itemSelector: ".post"        },        function (newElements) {            // 当加载时隐藏所有新项目            var $newElems = $(newElements).css({ opacity: 0 });            // 在添加到masonry布局之前保证图片载入            $newElems.imagesLoaded(function () {                // 现在可以显示所有的元素了                $newElems.animate({ opacity: 1 });                $container.masonry('appended', $newElems, true);            });        });        $container.imagesLoaded(function () {            $container.masonry({                itemSelector: '.item',                columnWidth: 240            });        });    });