javascript - JQuery如何給新建的img標簽添加onload事件，并自動調用。

問題描述

剛進入頁面的時候是這樣的：網頁加載后會自動調用目標圖片，如果沒有找到，就使用備用圖片（JS中的onload事件noImg()方法），現在的問題是，如果在搜索框輸入關鍵字后點擊搜索，搜索結果顯示到網頁后，不再調用onload方法，我給它加了onload:'noImg()' 也沒用。怎么破？求大神賜教~

剛剛加載頁面時是這樣的：

然后點擊搜索后是這樣的：

上面有個搜索框，在搜索框輸入關鍵字以后調用Ajax異步請求，發回來的數據重新填充至頁面：

for(i in data){/* $(’<p />’).attr('src','img/2017329/2.png').css().appendTo(jqTag); */var pTag = $(’<p/>’);var h4Tag = $(’<h4/>’).html('模型名稱:'+data[i].modelName);var imgTag = $(’<img/>’).attr({ alt:'...', src:data[i].picFileUrl,onload:'noImg()'});

這是一開始就有的js方法：/ 網頁圖片不現實的時候使用備用圖片 /

function noImg(){ var img = event.srcElement; img.src = 'http://www.wxshucaidpc.com/wenda/images/img.jpg'; img.onerror = null;}

問題解答

var img = new Image();img.src = ’’;img.onload= function(){}

http://stackoverflow.com/ques...注意，onload事件應當在圖片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：