Вывод новостей ajax в несколько столбцов?

Question

[Dc888]

У меня имеется вот такой кусок скрипта и кусок кода куда будет загружаться новость,

<div class="news-list">
<div class="news-blok"></div>
<div class="news-blok"></div>
</div>

<script type="text/javascript">
	$(document).ready(function(){
	$("#imgLoad").hide();
	});
	var rowstart = '.$items_per_page.'; 
	$(function() {
	$("#load div").click(function(){ 		
		$("#imgLoad").show(); 		
		$.ajax({
			url: "news_load.php", 
			type: "GET",       
			data: {"rowstart": rowstart},
			cache: false,			
			success: function(response){
				if(response == 0){					
					$("#close div").hide();
				}else{
					$(".news-blok").append(response);
					rowstart = rowstart + '.$items_per_page.';
					$("#imgLoad").hide();
				}
			}
		});
	});
	});
</script>

в итоге у меня получается что, в каждом столбце одни и те же новости,

<div class="news-list">
<div class="news-blok">Новость 1, Новость 2 Новость 3, Новость 4</div>
<div class="news-blok">Новость 1, Новость 2 Новость 3, Новость 4</div>
</div>

вот каким образом сделать так что бы в столбцы новости записывались правильно:

<div class="news-list">
<div class="news-blok">Новость 1, Новость 2</div>
<div class="news-blok">Новость 3, Новость 4</div>
</div>

Comments

[Dc888]

Вот я имею такой Ajax scripts:
И получается он записывает одну и туже новость несколько раз.
К примеру :
столбец 1 - новость 6,5
Столбец 2 - новость 5,4

[Dc888]

Странно не отображается вставоенный ajax scripts

Answer 1

[Денис Инешин]

Все это умеет делать плагин Masonry

Comments

[Dc888]

После подгрузки новостей он не меняет их положение... он может выстраивать положение только тех новостей которые были загружены вместе с ним.. или я что то путаю? тк у меня именно такое происходит, с тем(новость) что загрузил ajax он у меня понятие не имеет что делать.. ...

Answer 2

[Дмитрий]

Ваш заголовок - это 2 вопроса. Проблемы с выполнением AJAX и проблема с выводом в несколько столбцов.
А сам вопрос - только проблема с AJAX. Так где правда?

По сути: в чем проблема выполнить самый просто ajax запрос через тот же jquery, получить просто html данные (даже без json) и просто сделать appendTo на том же jquery к нужному блоку?

Далее можно просто вызвать метод ре-инициализации у той же библиотеки masonry, если используете ее. Если другую, то надо смотреть документацию.