$.ajax的success函数中,监听【多张图片全部加载成功】事件

前端之家收集整理的这篇文章主要介绍了$.ajax的success函数中,监听【多张图片全部加载成功】事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<span style="font-style: normal;"><strong>$.ajax({
    url : options.asynOptions.url,type : 'post',dataType : 'json',data : getAjaxData(options.asynOptions.form),success : function(data){
        var html = '',allow = options.asynOptions.return,itemClass = options.itemClass,imageClass = options.imageClass,count = 0;
        for(var pro in data){
            html += '<div class="'+itemClass+'">';
            html += '<img class="'+imageClass+'" src="'+data[pro][allow[0]]+'" />';
            html += '<span>'+data[pro][allow[1]]+'</span>';
            html += '<span>'+data[pro][allow[2]]+'</span>';
            html += '</div>';
            count++;
        }
        $this.append(html);
        var $colsHeight = [];
        $("."+imageClass).load(function(){
            count--;
            if(count == 0){
                var itemWidth = getFullWith($("."+options.itemClass).eq(0)),cols = getColNumber($this,itemWidth);
                $("."+imageClass).each(function(i,img) {
                    var iheight = getItemFullHeight($("." + itemClass).eq(i));
                    if (i < cols) {
                        $colsHeight[i] = iheight;
                    } else {
                        var minH = Math.min.apply(null,$colsHeight);
                        var minHIndex = $.inArray(minH,$colsHeight);
                        $("." + itemClass).eq(i).css({
                            'position': 'absolute','top': minH,'left': $(".waterfall_item").eq(minHIndex).position().left
                        });
                        $colsHeight[minHIndex] += iheight;
                    }
                });
            }
        });
    }
});</strong></span>

猜你在找的Ajax相关文章