同位素，调整大小时项目的绝对位置不正确 window

Question

我有一个 Isotope 布局，它工作正常，但是当我调整 window 大小时，它把项目定位错了。在我的例子中，它添加 'left:20px' 使第一个项目向左突出（它总是第一个位置错误的项目）。问题是它不会一直发生，有时它会随着位置的好而调整大小，有时会随着位置的变化而调整，我完全知道是什么原因造成的。

这是调整大小之前的正确布局

这有时会在调整大小后发生，有时只是将 left:20px 添加到第一个元素，我不知道是什么原因。

这是我唯一的 javascript 代码：

var $container = $('.blog-container');
$container.imagesLoaded( function () {
    $('.blog-container').isotope({
        itemSelector: '.item-blog'
    });
});

这里有实际的link亲身体验

在 1280 以下和以上调整大小时会出现这种情况

我真的快结束了，非常感谢您的帮助！

Answer 1

好吧，我把我的同位素容器放在 div 中，其中第 class 行是 Bootstrap，我猜这显然搞乱了同位素计算。现在我删除了 Bootstrap 的 class 行，现在一切似乎都运行良好。

我想，现在已经敲定了。

同位素，调整大小时项目的绝对位置不正确 window

Isotope, absolute position of items not correct on when resizing window

jquery

jquery-isotope