砌体无法正常工作

Question

我首先尝试附加一个模板，但是在无法将其附加到projects元素时遇到了相同的问题。然后尝试仅追加一个名为div的jquery对象，但似乎没有将其追加到dom元素项目中。

var projects = $('#projects');
var tmpl = template({items : list});
console.log("render html ",  $(tmpl));
var div = $('<div class="item">WHY IS THIS NOT WORKING</div>');
projects.masonry( 'appended', div, true ); 

为什么这不起作用？

Answer 1

以下解决方案为我工作：

var container = $('.masonry-container');

container.masonry({ 
   columnWidth: '.item', 
   itemSelector: '.item' 
});

$(container).append( data ).masonry("reloadItems").masonry("layout");