2010-06-04 82 views
1

我是一个使用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'); 
       }); 
      } 

那么最新的问题,我怎么能让这个更好?有什么建议么?

回答

2

您尚未将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 
+0

Baaah,谢谢:)这是它 – 2010-06-04 16:11:15

+0

@Oden - 高兴你得到它的工作。 :) – user113716 2010-06-04 16:13:05