我已經清除內容後不會顯示圖片

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