javascript - 追加函数不返回追加的对象吗？

Question

假设 this 是 dom 中的某个现有 block 级元素，image 是 http://www.google.com/images/srpr/nav_logo25。 png 执行以下操作不起作用:

$(this).append('<img>').attr('src', image).load(function() { alert('loaded'); });

是否应该按如下方式进行？

$(this).append($('<img>').attr('src', opts.image).load(function() { alert('loaded'); }));

还是应该以其他方式完成？

Answer 1

.append() 返回您附加到的对象，要获取您附加到链中的对象，请使用 .appendTo() 相反:

$('<img>').appendTo(this).load(function() { alert('loaded'); })
                         .attr('src', opts.image);

两个版本都返回之前链中的内容......但是因为你想处理 <img>使用 .appendTo()形式。此外，为了获得可靠的负载结果，请在 设置 src 之前连接负载处理器。正如我上面所说的。