javascript - 在我清除内容后,图像不会显示

  显示原文与译文双语对照的内容
0 0

嘿大家
我是一个使用jquery和js的新手,也许这就是我不能为什么我的代码不能工作的原因。

我创建了这个函数 createList 来将图像内容推送到div元素中。 我想做的是,创建一个包含每个图片的元素,然后删除包含这个元素的元素的内容,代码会插入它。 但是我是这样做的我的结果是什么都没有

var createList = function(){
 var imgList = $("<div/>").attr({'id': 'imgs'});
 $.getJSON("<?php echo base_url().'gallery/json/'.$this->uri->segment(3);?>",function(data){
 $.each(data, function(i,item){
 var rowContent = $("<img/>").attr({"src": item.src,"style":"width: 130px; padding: 10px;"});
 rowContent.appendTo("#imgs");
 });
 $('#s20').html('');
 imgList.css({"visibility":"visible","height":"auto"}).appendTo('#s20');
 });
 }

那么问题是,我如何才能使这个更好? 任何建议?

时间:原作者:1个回答

0 0

还没有将 imgList 添加到DOM中,因此不能用 #imgs 选择器来选择它。 你可以直接使用 imgList 变量。

这一行:

rowContent.appendTo("#imgs");//Fails because #imgs is not yet part of the DOM

应该是:

rowContent.appendTo(imgList);//Use existing reference to the element
原作者:
...