动态添加图像jquery

我有一个图像数组，然后我使用$ .each迭代每个图像，但我无法在页面上显示图像，最终没有任何显示。

 
No images found
 
 $(function(){ //load image array var images = {'image1':'assets/img/linkedin_30px.png','image2':'assets/img/twitter_30px.png'}; $.each(images, function(){ $('#imagesList').appendTo('
' + this + '
'); }); }); 

Answer 1

您正在使用appendTo而不是append 。 使用append ：

 $.each(images, function(){ $('#imagesList').append('
'); }); 

或者，如果你坚持使用appendTo ：

 $.each(images, function(){ $('
').appendTo('#imagesList'); }); 

如果要在加载图像时显示加载程序，请使用以下命令：

 var $list = $('#imagesList'); $.each(images, function(i, src) { var $li = $('
').appendTo($list); $('').appendTo($li).one('load', function() { $li.removeClass('loading'); }).attr('src', src); }); 

这是小提琴： http ： //jsfiddle.net/fyar1u7a/1/

Answer 2

你的appendTo函数几乎没有问题。 你是以错误的方式使用它。

请尝试以下代码..

 
 
No images found
 
 $(function(){ //load image array var images = {'image1':'assets/img/linkedin_30px.png','image2':'assets/img/twitter_30px.png'}; $.each(images, function(){ $('
https://stackoverflow.com/questions/7230579/dynamically-add-images-jquery/' + this + '
').appendTo('#imagesList'); }); });