Javascript 使用jQuery进行过滤会导致动画抖动

我正在一个项目中使用，但是在使用filter方法时遇到了一个问题

过滤列表可以很好地隐藏不需要的元素，但是过渡动画并不像演示让我相信的那样平滑

下面的代码应该说明我的观点；过滤器会应用，元素会设置动画，但会出现明显的视觉跳跃：

var配置={
项选择器：'.grid_项'，
位置：正确，
布局模式：“fitRows”，
菲特罗斯：{
排水沟：'.grid_排水沟'
}
}
$（'.grid'）。同位素（配置）；
$（'.filter'）。在（'click'，function（）上{
var type=$（this.attr（'id'）；
$（'.grid'）。同位素({
筛选器：'.'+类型
});
});
$（“#清除”）。在（'click'，function（）上{
$（'.grid'）。同位素({
筛选器：'*'
});
});
html，正文{
保证金：0；
填充：0；
}
.电网{
列表样式：无；
边缘：1米；
填充：0；
文本缩进：0；
}
.grid_项目{
背景：灰色；
利润率：01%；
垫面：40%；
位置：相对位置；
宽度：49.5%；
}
.grid_文本{
颜色：#fff；
位置：绝对位置；
顶部：50%；左侧：0；右侧：0；底部：0；
文本对齐：居中；
}
.格栅沟{
宽度：1%；
}

出口
创造
清楚的


出口


创造


创造

我不知道这是同位素的问题，还是我们都做了同样错误的事情，但我有同样的问题，并通过根本不使用percentPosition解决了它。“使用percentPosition”表示“在调整窗口大小时减少[s]调整转换”，因此我猜不使用它可能会导致性能问题。
对我来说，问题是我对元素应用了一个转换，这导致了它的抖动。将转换设置为0s为我解决了这个问题。
您好，这个示例与您的示例有点不同，但在我发布此示例一天后，如果您投反对票，可能会很有用，但没有对原因发表评论？认真地一个有功能代码片段、JSFIDLE链接和真正问题的问题怎么会被否决呢？奇怪。。。他们所有的例子（我记得）也包括在内，但你是对的；删除那个论点确实可以解决这个问题。