jQuery实现瀑布流的取巧做法分享

2020-05-23 06:13:34易采站长站整理

            {“href”:”http:xxxxxxx”,”src”:”http://dummyimage.com/240×280/B5E61D/fff”,”width”:240,”height”:280,”name”:”图片25″},
            {“href”:”http:xxxxxxx”,”src”:”http://dummyimage.com/240×210/eee/fff”,”width”:240,”height”:210,”name”:”图片26″},
            {“href”:”http:xxxxxxx”,”src”:”http://dummyimage.com/240×180/000/fff”,”width”:240,”height”:180,”name”:”图片27″},
            {“href”:”http:xxxxxxx”,”src”:”http://dummyimage.com/240×240/B5E61D/fff”,”width”:240,”height”:240,”name”:”图片28″},
            {“href”:”http:xxxxxxx”,”src”:”http://dummyimage.com/240×195/B5E61D/fff”,”width”:240,”height”:195,”name”:”图片29″},
            {“href”:”http:xxxxxxx”,”src”:”http://dummyimage.com/240×245/259/fff”,”width”:240,”height”:245,”name”:”图片30″}
        ]    }
    var wallPic = function(){
        var $target = $(‘#wallList’),
            $li = $target.find(‘li’),
            $tips = $(‘#loadTips’),
            oTop = 0,//滚动判断的值
            row = 3,//列数
            page = 1,//ajax请求的页码值
            url = ‘xxxx’, //ajax请求地址
            on_off = true; //插入结构的开关,防止ajax错误性多次加载数据
        return{
            fillData:function(callback){
                var _that = this;
                on_off = false;