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

Question

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

那么问题是什么，我怎样才能让它变得更好？有什么建议吗？

Answer 1

您还没有将 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