jQuery不会在第一次加载页面时使用ajax动态加载图像

时间:2014-03-13 21:11:12

标签: javascript jquery ajax image

1 个答案:

答案 0 :(得分:0)

这是我的解决方案而且有效。我加载图像然后我使用setTimeout(等待图像加载到缓存)然后我调用编辑图像的下一个函数,然后下一个setTimeout使转发器。

按钮单击后启动功能obrazky

var riadok = 0;
var kolko_p = 10;
var kolko = kolko_p;
function obrazky () {
if (kolko > 0) {
    $.ajax({url:"feed.php",data:"s="+riadok, type: "POST", async: false, success:function(result){
        data = result;
    }});
    if (data != '') {
    var rozdelene = data.split(" "); 
    $("#central").append("<div class='img' id='" + rozdelene[0] + "'><img class='lentak' id='img_" + rozdelene[0] + "' src='" + rozdelene[1] + "'/></div>");
    }
    riadok++;
    $("#load_more_div").insertAfter($("div.img:last"));
    setTimeout(function() {posun(rozdelene[0]);}, 50);
    setTimeout(function() {obrazky();}, 50);
    kolko--;
}
else kolko = kolko_p;
};

function posun (img){
$("#mg_" + img ).ready(function() {
    var w = parseInt($("#img_" + img).width());
    var h = parseInt($("#img_" + img).height());
    //alert (w + " " + h);
    if (w <= 24) $("#" + img).remove();
    if (w - 30 > h) {
               ...// img edits
    }
});
}