Я - новичок, использующий jQuery и js также, поэтому возможно, это - причина, почему я просто наклоняюсь undesrand, почему мой код не работает.
Я создал эту функцию createList
продвигать содержимое изображения в элемент отделения. (эта часть работает отлично), Поэтому, что я хочу сделать, создавание ведьмы элемента содержит каждое изображение и после того, как я удалил содержание ведьмы элемента, будет содержать этого "держателя изображения", код вставляет его. Но! Я я делаю это как это, мой результат, являюсь ничем:
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');
});
}
Таким образом, какова проблема, как я мог сделать это лучше? Какие-либо предложения?
Вы еще не добавили 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