剛進入頁面的時候是這樣的:網頁載入後會自動呼叫目標圖片,如果沒有找到,就使用備用圖片(JS中的onload事件noImg()方法),現在的問題是,如果在搜尋框輸入關鍵字後點擊搜索,搜尋結果顯示到網頁後,不再呼叫onload方法,我給它加了onload:"noImg()" 也沒用。怎麼破?求大神賜教~
剛剛載入頁面時是這樣的:
然後點擊搜尋後是這樣的:
#上面有個搜尋框,在搜尋框輸入關鍵字以後呼叫Ajax非同步請求,發回來的資料重新填入頁面:
for(i in data){ /* $('').attr("src","img/2017329/2.png").css().appendTo(jqTag); */ var pTag = $(''); var h4Tag = $('').html("模型名称:"+data[i].modelName); var imgTag = $('').attr({ alt:"...", src:data[i].picFileUrl, onload:"noImg()" });
這是一開始就有的js方法:
/網頁圖片不切實際的時候使用備用圖片/
function noImg(){ var img = event.srcElement; img.src = "images/img.jpg"; img.onerror = null; }
var img = new Image();
img.src = '';
img.onload= function(){}
http://stackoverflow.com/ques...
注意,
onload
事件应当在图片src
賦值之前。參考代碼: