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

Question

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

截至目前，每个元素都显示左侧，左侧边距，位置（）。左侧的“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 demos之一的源代码后，我发现该位置是通过以下方式计算的：

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

和

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

我不确定IE等其他浏览器使用的是什么，但你应该能够以这种方式访问​​它们的位置。