javascript - JQuery如何給新建的img標(biāo)簽添加onload事件,并自動(dòng)調(diào)用。
問(wèn)題描述
剛進(jìn)入頁(yè)面的時(shí)候是這樣的:網(wǎng)頁(yè)加載后會(huì)自動(dòng)調(diào)用目標(biāo)圖片,如果沒(méi)有找到,就使用備用圖片(JS中的onload事件noImg()方法),現(xiàn)在的問(wèn)題是,如果在搜索框輸入關(guān)鍵字后點(diǎn)擊搜索,搜索結(jié)果顯示到網(wǎng)頁(yè)后,不再調(diào)用onload方法,我給它加了onload:'noImg()' 也沒(méi)用。怎么破?求大神賜教~
剛剛加載頁(yè)面時(shí)是這樣的:
然后點(diǎn)擊搜索后是這樣的:
上面有個(gè)搜索框,在搜索框輸入關(guān)鍵字以后調(diào)用Ajax異步請(qǐng)求,發(fā)回來(lái)的數(shù)據(jù)重新填充至頁(yè)面:
for(i in data){/* $(’<p />’).attr('src','img/2017329/2.png').css().appendTo(jqTag); */var pTag = $(’<p/>’);var h4Tag = $(’<h4/>’).html('模型名稱(chēng):'+data[i].modelName);var imgTag = $(’<img/>’).attr({ alt:'...', src:data[i].picFileUrl,onload:'noImg()'});
這是一開(kāi)始就有的js方法:/ 網(wǎng)頁(yè)圖片不現(xiàn)實(shí)的時(shí)候使用備用圖片 /
function noImg(){ var img = event.srcElement; img.src = 'http://www.cgvv.com.cn/wenda/images/img.jpg'; img.onerror = null;}
問(wèn)題解答
回答1:var img = new Image();img.src = ’’;img.onload= function(){}
回答2:http://stackoverflow.com/ques...注意,onload事件應(yīng)當(dāng)在圖片src賦值之前。參考代碼:
var imgLoad = function (url) { var img = new Image(); if (img.complete) { callback(); } else { img.onload = function () { callback(); img.onload = null; }; }; img.src = url;};回答3:
