我在尝试使用packery和draggabilly创建可排序的项目网格时遇到问题。我也尝试过jqueryuidragabble,但问题仍然存在。当我拖放项目时,可能会破坏垂直对齐方式,因此项目会“捕捉”到行的一部分。这也打乱了项目的顺序。http://jsfiddle.net/foobass/sasrx654/如果您水平拖动一个项目,它会卡入到位并很好地对齐。如果您垂直拖动,您可能会失去对齐,它不会正确地卡入到位。最后一个项目的位置也发生了变化。任何人都可以建议我可能做错了什么吗?varcontainer=document.querySelector('#container');var
我在使用angular中的dragabilly时遇到了一个小问题,这个问题很奇怪,因为它一直有效,直到我对使用packery的内容加载方式进行了一些更改,特别是添加了一定程度的嵌套重复。当我这样做时,Packery仍然可以正常运行,但似乎dragabilly只在第一个对象上运行。html看起来像-所以它只是一个嵌套的重复,其中packery从外部项目中跑出来,而且packery元素工作正常。当我在嵌套重复中添加时它坏了-这些对象有多个面,我用那一边隐藏。你看到那里是活跃的,但是拖动handle在嵌套重复内,我认为这可能是问题所在,或者嵌套可能是加载时间稍长,无法及时识别句柄?我不太确定
我尝试通过click方法动态添加packery项目。除了单击packery添加three新项目外,一切都运行良好。我的问题是如何通过单击添加一个项目?MethodDemo谢谢。编辑页面加载后网格项目为五个。请参见下图。当单击Appenditems按钮时,Packery将添加更多三个项目。请参见下图。片段var$grid=$('.grid').packery({itemSelector:'.grid-item'});$('.append-button').on('click',function(){//createnewitemelementsvar$items=getItemEleme