Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Jquery masonry. Проблема. (https://javascript.ru/forum/jquery/33496-jquery-masonry-problema.html)

bo4kov 21.06.2014 19:33

если делать так , то подгружает просто пустоту (немного)
if (data.length > 0) {
$.each(data, function (index, data){
var div = $('<div/>').append('<div class="kurs"><div class="img"><a href="http://vsevideokursi.ru/videokurs/' + data.title_en + '"><img src="http://vsevideokursi.ru/img/articles/' +data.img + '" alt="' + data.title +'" title="' + data.title +'" style="width: 200px;"/></a></div><div class="title_a"><a href="http://vsevideokursi.ru/videokurs/' + data.title_en + '">' + data.title +'</a></div></div>');
$container.masonry( 'appended', div.children() )
});

inProcess = false;
num += 20;
}

рони 21.06.2014 19:47

bo4kov,
if (data.length > 0) {
var elems = [];
$.each(data, function (index, data){
var div = $('<div/>').append('<div class="kurs"><div class="img"><a href="http://vsevideokursi.ru/videokurs/' + data.title_en + '"><img src="http://vsevideokursi.ru/img/articles/' +data.img + '" alt="' + data.title +'" title="' + data.title +'" style="width: 200px;"/></a></div><div class="title_a"><a href="http://vsevideokursi.ru/videokurs/' + data.title_en + '">' + data.title +'</a></div></div>');
var elem = div.children();
elems.push( elem );
$('.news').append( elem) ;
});
$container.masonry( 'appended', elems )

inProcess = false;
num += 20;
}

bo4kov 21.06.2014 19:52

Так подгружается, но все налазит друг на друга, как буд-то masonry для подгруженного контента не работает

рони 21.06.2014 19:59

bo4kov,
значит не судьба ...вы $container определили ?

рони 21.06.2014 20:02

bo4kov,
а то в 1 примере
Цитата:

var $container = $('.news';

bo4kov 21.06.2014 20:10

О, получилось, спасибо большое, немного подправил и заработало.
if (data.length > 0) {
var elems = [];

$.each(data, function (index, data){
var div = $('<div/>').append('<div class="kurs"><div class="img"><a href="http://vsevideokursi.ru/videokurs/' + data.title_en + '"><img src="http://vsevideokursi.ru/img/articles/' +data.img + '" alt="' + data.title +'" title="' + data.title +'" style="width: 200px;"/></a></div><div class="title_a"><a href="http://vsevideokursi.ru/videokurs/' + data.title_en + '">' + data.title +'</a></div></div>');

var elem = div.children();
elems.push( elem );
$('.news').append(elems);
							
$container.imagesLoaded( function() { 
   $container.masonry( 'appended', elem )
});

});
							
inProcess = false;
num += 20;
}


Часовой пояс GMT +3, время: 14:50.