Jquery 同位素事件不点火

我使用同位素来实现其出色的布局功能，我有一个通过Ajax检索新项目的调用，这将删除旧项目并预先处理新项目。动画看起来真的很流畅，但我不能得到一个电话回来工作的动画正在完成

我试图使用他们网站上的文档：

$grid.on( 'arrangeComplete', onArrange );

我是这样实施的：

$grid = $('#grid').isotope({
        itemSelector: '.item'
});

$grid.on('arrangeComplete', function(){
    console.log('arrangeComplete')
});

然而，这对我来说根本不起作用。事件从不被触发

我有两个用于删除和预结束新项目的功能：

//Remove
$grid.isotope('remove', removeItems); //removeItems being a var this works fine

//Add
$grid
    .prepend(assets)
    .isotope('appended', assets)
    .isotope('reloadItems')
    .isotope({sortby: 'original-order'});
//again this all works fine

我不确定我是否使用了错误的事件来完成动画，但我遇到的问题是，它们似乎都没有开火

目前，我有一个黑客：

$grid.bind("transitionend", function(){

黑客可以工作，但它会在每个元素转换结束时触发事件，这意味着取决于页面上要删除的所有转换将触发多少项，然后是要删除的下一个项目的所有转换。这对我来说显然是个问题

---

在此方面的任何帮助或指导都将不胜感激。

过去，我遇到过

重新加载items

方法无法启动的问题，导致动态添加的项堆叠在右上角。出于某种原因，用以下方式来称呼它似乎是可行的：

$grid.isotope('reloadItems').isotope();

---

我不知道为什么第二个.同位素（）是必要的-也许其他人可以解释

在过去，我遇到了

reloadItems

方法不触发的问题，导致动态添加的项目堆叠在右上角。出于某种原因，用以下方式来称呼它似乎是可行的：

$grid.isotope('reloadItems').isotope();

---

我不知道为什么第二个.同位素（）是必要的-也许其他人可以解释

您是否将代码包装在

function（）{}

或DOM ready中？是的，它们都被分解为单独的函数，用于清除、添加，当然还有初始化实例。在初始化过程中，我实际上包括了

.on（'arrangeComplete'…

我的意思是：

$（document）.ready（{$grid.isotophet（{…}）}）

当然，它们都是从

$（function（）{…}）

在ajax调用成功时尝试重新初始化同位素。您是否将代码包装在

function（）{}中

或DOM ready？是的，它们都被分解为单独的函数，用于清除、添加，当然还有实例的初始化。在初始化过程中，我实际上包括了

.on（'arrangeComplete'…

我的意思是：

$（document.ready（{$grid.isotox（{…}）}）

当然，它们都是从

$（function（）{…}）内部激发的。

尝试在ajax调用成功时重新初始化同位素。这里有插件作者的描述（虽然有几年历史）：这里有插件作者的描述（虽然有几年历史）：