Jquery 砖石结构不起作用

我首先尝试附加一个模板，但遇到了同样的问题，即无法将其附加到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 ); 

var projects=$（“#projects”）；
var tmpl=模板（{items:list}）；
log（“呈现html”$（tmpl））；
var div=$（“为什么这不起作用”）；
项目。砖石工程（‘附加’部分，真实）；

---

为什么这不起作用？

您实际上还没有将

附加到

#projects

容器中

砌体上的

'added'

方法只会触发新添加元素的布局

---

请尝试

projects.append（div）

，然后再调用Mashise。

您实际上还没有将

附加到

#projects

容器中

砌体上的

'added'

方法只会触发新添加元素的布局

---

请尝试

projects.append（div）

，然后再调用砌体。

以下解决方案适合我：-

var projects = $('#projects'); 
var elems = []; 
var fragment = document.createDocumentFragment(); 

var elem = $('<div class="item">WHY IS THIS NOT WORKING</div>').get(0); 
fragment.appendChild(elem); 
elems.push(elem);
projects.appendChild(fragment); 
msnry.appended(elems);

var projects=$（“#projects”）；
变量元素=[]；
var fragment=document.createDocumentFragment（）；
var elem=$（'WHY IS NOT WORKING'）。获取（0）；
子片段（elem）；
元素推动（elem）；
项目。追加子项目（片段）；
附加msnry（元素）；

以下解决方案适合我：-

var projects = $('#projects'); 
var elems = []; 
var fragment = document.createDocumentFragment(); 

var elem = $('<div class="item">WHY IS THIS NOT WORKING</div>').get(0); 
fragment.appendChild(elem); 
elems.push(elem);
projects.appendChild(fragment); 
msnry.appended(elems);

var projects=$（“#projects”）；
变量元素=[]；
var fragment=document.createDocumentFragment（）；
var elem=$（'WHY IS NOT WORKING'）。获取（0）；
子片段（elem）；
元素推动（elem）；
项目。追加子项目（片段）；
附加msnry（元素）；

以下解决方案适合我：

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

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

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

---

以下解决方案对我有效：

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

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

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

---

它可以工作，但有时位置不正确。还有其他人有这个问题吗？它是有效的，但有时位置是不正确的。还有其他人有这个问题吗？