同位素定位后找到目标位置

Question

我在新网站上使用 David Desandros Isotope，但现在看来我无法使用 jquery 找到每个元素的位置。具体来说，我试图在悬停时附加一个工具提示，但通常我想知道如何在同位素格式化每个锚点后获取它们的位置（）。

截至目前，每个元素都为 left、margin-left、position().left 以及我能想到的所有其他定位属性显示“0”。

Answer 1

请参阅同位素文档了解 itemPositionDataEnabled

$('#container').isotope({
  itemSelector: '.element',
  itemPositionDataEnabled: true
})
// log position of each item
.find('.element').each(function(){
  var position = $(this).data('isotope-item-position');
  console.log('item position is x: ' + position.x + ', y: ' + position.y  );
});

Answer 2

嘿，在 Firebug 中查看 Isotope's demo 之一的源代码后，我发现位置是通过以下方式计算的：

-moz-transform: translate(#px, #px)

我

-webkit-transform: translate(#px, #px)

不确定其他浏览器（例如 IE）使用什么，但您应该能够通过这种方式访问​​它们的位置。