您的位置:首页技术文章
文章详情页

javascript - JQuery如何给新建的img标签添加onload事件,并自动调用。

浏览:52日期:2023-12-03 10:00:34

问题描述

刚进入页面的时候是这样的:网页加载后会自动调用目标图片,如果没有找到,就使用备用图片(JS中的onload事件noImg()方法),现在的问题是,如果在搜索框输入关键字后点击搜索,搜索结果显示到网页后,不再调用onload方法,我给它加了onload:'noImg()' 也没用。怎么破?求大神赐教~

刚刚加载页面时是这样的:javascript - JQuery如何给新建的img标签添加onload事件,并自动调用。

然后点击搜索后是这样的:

javascript - JQuery如何给新建的img标签添加onload事件,并自动调用。

上面有个搜索框,在搜索框输入关键字以后调用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 = 'https://www.haobala.com/wenda/images/img.jpg'; img.onerror = null;}

问题解答

回答1:

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

回答2:

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:

javascript - JQuery如何给新建的img标签添加onload事件,并自动调用。

javascript - JQuery如何给新建的img标签添加onload事件,并自动调用。

标签: JavaScript